<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=941989" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c7;</span>
                <div class="name">面积测量</div>
                <div class="code-name">&amp;#xe7c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c6;</span>
                <div class="name">角度测量</div>
                <div class="code-name">&amp;#xe7c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d8;</span>
                <div class="name">列表形式</div>
                <div class="code-name">&amp;#xe7d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d9;</span>
                <div class="name">类目</div>
                <div class="code-name">&amp;#xe7d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cc;</span>
                <div class="name">area</div>
                <div class="code-name">&amp;#xe7cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7da;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe7da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cd;</span>
                <div class="name">测量</div>
                <div class="code-name">&amp;#xe7cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7db;</span>
                <div class="name">length</div>
                <div class="code-name">&amp;#xe7db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">测量</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">数据</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ce;</span>
                <div class="name">距离测量</div>
                <div class="code-name">&amp;#xe7ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cf;</span>
                <div class="name">距离测量</div>
                <div class="code-name">&amp;#xe7cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">面积测量</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7df;</span>
                <div class="name">铁路破坏</div>
                <div class="code-name">&amp;#xe7df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c8;</span>
                <div class="name">大屏展示</div>
                <div class="code-name">&amp;#xe7c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d0;</span>
                <div class="name">测量</div>
                <div class="code-name">&amp;#xe7d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb67;</span>
                <div class="name">应用管理</div>
                <div class="code-name">&amp;#xeb67;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c9;</span>
                <div class="name">维护</div>
                <div class="code-name">&amp;#xe7c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d1;</span>
                <div class="name">测量</div>
                <div class="code-name">&amp;#xe7d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb8f;</span>
                <div class="name">icon_应用管理</div>
                <div class="code-name">&amp;#xeb8f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cb;</span>
                <div class="name">距离</div>
                <div class="code-name">&amp;#xe7cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ef;</span>
                <div class="name">测量面积</div>
                <div class="code-name">&amp;#xe7ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d2;</span>
                <div class="name">距离</div>
                <div class="code-name">&amp;#xe7d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ca;</span>
                <div class="name">巡查范围</div>
                <div class="code-name">&amp;#xe7ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb74;</span>
                <div class="name">导航_o</div>
                <div class="code-name">&amp;#xeb74;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d3;</span>
                <div class="name">面积</div>
                <div class="code-name">&amp;#xe7d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec32;</span>
                <div class="name">定位</div>
                <div class="code-name">&amp;#xec32;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d4;</span>
                <div class="name">量尺</div>
                <div class="code-name">&amp;#xe7d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e7;</span>
                <div class="name">饼状图 (1)</div>
                <div class="code-name">&amp;#xe7e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d6;</span>
                <div class="name">遥感</div>
                <div class="code-name">&amp;#xe7d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d5;</span>
                <div class="name">量尺</div>
                <div class="code-name">&amp;#xe7d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e0;</span>
                <div class="name">cluster</div>
                <div class="code-name">&amp;#xe7e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dc;</span>
                <div class="name">里程</div>
                <div class="code-name">&amp;#xe7dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">测量2</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c4;</span>
                <div class="name">对比</div>
                <div class="code-name">&amp;#xe7c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe791;</span>
                <div class="name">存储</div>
                <div class="code-name">&amp;#xe791;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe792;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe792;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe793;</span>
                <div class="name">服务</div>
                <div class="code-name">&amp;#xe793;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe794;</span>
                <div class="name">存储卷</div>
                <div class="code-name">&amp;#xe794;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe795;</span>
                <div class="name">等待</div>
                <div class="code-name">&amp;#xe795;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe796;</span>
                <div class="name">负载均衡</div>
                <div class="code-name">&amp;#xe796;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe797;</span>
                <div class="name">概览</div>
                <div class="code-name">&amp;#xe797;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe798;</span>
                <div class="name">工程管理</div>
                <div class="code-name">&amp;#xe798;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe799;</span>
                <div class="name">公告</div>
                <div class="code-name">&amp;#xe799;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79a;</span>
                <div class="name">工单</div>
                <div class="code-name">&amp;#xe79a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79b;</span>
                <div class="name">告警</div>
                <div class="code-name">&amp;#xe79b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79c;</span>
                <div class="name">画板 37</div>
                <div class="code-name">&amp;#xe79c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79d;</span>
                <div class="name">下线</div>
                <div class="code-name">&amp;#xe79d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79e;</span>
                <div class="name">监控</div>
                <div class="code-name">&amp;#xe79e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79f;</span>
                <div class="name">恢复备份</div>
                <div class="code-name">&amp;#xe79f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a0;</span>
                <div class="name">减去</div>
                <div class="code-name">&amp;#xe7a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a1;</span>
                <div class="name">警告</div>
                <div class="code-name">&amp;#xe7a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a2;</span>
                <div class="name">镜像</div>
                <div class="code-name">&amp;#xe7a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a3;</span>
                <div class="name">取消</div>
                <div class="code-name">&amp;#xe7a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a4;</span>
                <div class="name">内存</div>
                <div class="code-name">&amp;#xe7a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a5;</span>
                <div class="name">确定</div>
                <div class="code-name">&amp;#xe7a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a6;</span>
                <div class="name">容量管理</div>
                <div class="code-name">&amp;#xe7a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a7;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe7a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a8;</span>
                <div class="name">日志</div>
                <div class="code-name">&amp;#xe7a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a9;</span>
                <div class="name">上线</div>
                <div class="code-name">&amp;#xe7a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7aa;</span>
                <div class="name">收起</div>
                <div class="code-name">&amp;#xe7aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ab;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe7ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ac;</span>
                <div class="name">提示</div>
                <div class="code-name">&amp;#xe7ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ad;</span>
                <div class="name">外层防火墙</div>
                <div class="code-name">&amp;#xe7ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ae;</span>
                <div class="name">网络</div>
                <div class="code-name">&amp;#xe7ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7af;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xe7af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b0;</span>
                <div class="name">向右</div>
                <div class="code-name">&amp;#xe7b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b1;</span>
                <div class="name">文件夹展开</div>
                <div class="code-name">&amp;#xe7b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b2;</span>
                <div class="name">向右翻页</div>
                <div class="code-name">&amp;#xe7b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b3;</span>
                <div class="name">文件夹-收起</div>
                <div class="code-name">&amp;#xe7b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b4;</span>
                <div class="name">向左</div>
                <div class="code-name">&amp;#xe7b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b5;</span>
                <div class="name">向左翻页</div>
                <div class="code-name">&amp;#xe7b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b6;</span>
                <div class="name">业务系统</div>
                <div class="code-name">&amp;#xe7b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b7;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe7b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b8;</span>
                <div class="name">应用</div>
                <div class="code-name">&amp;#xe7b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b9;</span>
                <div class="name">用户管理</div>
                <div class="code-name">&amp;#xe7b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ba;</span>
                <div class="name">上传</div>
                <div class="code-name">&amp;#xe7ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bb;</span>
                <div class="name">运营流程</div>
                <div class="code-name">&amp;#xe7bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bc;</span>
                <div class="name">运营分析</div>
                <div class="code-name">&amp;#xe7bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bd;</span>
                <div class="name">展开</div>
                <div class="code-name">&amp;#xe7bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7be;</span>
                <div class="name">暂停</div>
                <div class="code-name">&amp;#xe7be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bf;</span>
                <div class="name">终止</div>
                <div class="code-name">&amp;#xe7bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c0;</span>
                <div class="name">资源池</div>
                <div class="code-name">&amp;#xe7c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c1;</span>
                <div class="name">资源管理</div>
                <div class="code-name">&amp;#xe7c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c2;</span>
                <div class="name">中间件</div>
                <div class="code-name">&amp;#xe7c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c3;</span>
                <div class="name">资源分析</div>
                <div class="code-name">&amp;#xe7c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">3</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">2</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">6</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">5</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">8</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">7</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">10</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">日历</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">9</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">11</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">15</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">14</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">16</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">13</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">17</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">18</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">19</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">21</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">22</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">23</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">24</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">26</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">20</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">27</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">25</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">28</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">30</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">29</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">31</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">32</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">34</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">33</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">保存</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">灯泡</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">37</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75c;</span>
                <div class="name">38</div>
                <div class="code-name">&amp;#xe75c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75d;</span>
                <div class="name">39</div>
                <div class="code-name">&amp;#xe75d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75e;</span>
                <div class="name">40</div>
                <div class="code-name">&amp;#xe75e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75f;</span>
                <div class="name">42</div>
                <div class="code-name">&amp;#xe75f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe760;</span>
                <div class="name">41</div>
                <div class="code-name">&amp;#xe760;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe761;</span>
                <div class="name">43</div>
                <div class="code-name">&amp;#xe761;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe762;</span>
                <div class="name">44</div>
                <div class="code-name">&amp;#xe762;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe763;</span>
                <div class="name">45</div>
                <div class="code-name">&amp;#xe763;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe764;</span>
                <div class="name">46</div>
                <div class="code-name">&amp;#xe764;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe765;</span>
                <div class="name">47</div>
                <div class="code-name">&amp;#xe765;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe766;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe766;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe767;</span>
                <div class="name">50</div>
                <div class="code-name">&amp;#xe767;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe768;</span>
                <div class="name">51</div>
                <div class="code-name">&amp;#xe768;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe769;</span>
                <div class="name">52</div>
                <div class="code-name">&amp;#xe769;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76a;</span>
                <div class="name">48</div>
                <div class="code-name">&amp;#xe76a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76b;</span>
                <div class="name">53</div>
                <div class="code-name">&amp;#xe76b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76c;</span>
                <div class="name">54</div>
                <div class="code-name">&amp;#xe76c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76d;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe76d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76e;</span>
                <div class="name">56</div>
                <div class="code-name">&amp;#xe76e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76f;</span>
                <div class="name">57</div>
                <div class="code-name">&amp;#xe76f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe770;</span>
                <div class="name">58</div>
                <div class="code-name">&amp;#xe770;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe771;</span>
                <div class="name">59</div>
                <div class="code-name">&amp;#xe771;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe772;</span>
                <div class="name">60</div>
                <div class="code-name">&amp;#xe772;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe773;</span>
                <div class="name">61</div>
                <div class="code-name">&amp;#xe773;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe774;</span>
                <div class="name">62</div>
                <div class="code-name">&amp;#xe774;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe775;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe776;</span>
                <div class="name">64</div>
                <div class="code-name">&amp;#xe776;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe777;</span>
                <div class="name">65</div>
                <div class="code-name">&amp;#xe777;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe778;</span>
                <div class="name">67</div>
                <div class="code-name">&amp;#xe778;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe779;</span>
                <div class="name">66</div>
                <div class="code-name">&amp;#xe779;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77a;</span>
                <div class="name">68</div>
                <div class="code-name">&amp;#xe77a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77b;</span>
                <div class="name">69</div>
                <div class="code-name">&amp;#xe77b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77c;</span>
                <div class="name">70</div>
                <div class="code-name">&amp;#xe77c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77d;</span>
                <div class="name">71</div>
                <div class="code-name">&amp;#xe77d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77e;</span>
                <div class="name">72</div>
                <div class="code-name">&amp;#xe77e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77f;</span>
                <div class="name">73</div>
                <div class="code-name">&amp;#xe77f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe780;</span>
                <div class="name">74</div>
                <div class="code-name">&amp;#xe780;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe781;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe781;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe782;</span>
                <div class="name">76</div>
                <div class="code-name">&amp;#xe782;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe783;</span>
                <div class="name">77</div>
                <div class="code-name">&amp;#xe783;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe784;</span>
                <div class="name">78</div>
                <div class="code-name">&amp;#xe784;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe785;</span>
                <div class="name">79</div>
                <div class="code-name">&amp;#xe785;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe786;</span>
                <div class="name">80</div>
                <div class="code-name">&amp;#xe786;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe787;</span>
                <div class="name">81</div>
                <div class="code-name">&amp;#xe787;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe788;</span>
                <div class="name">82</div>
                <div class="code-name">&amp;#xe788;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe789;</span>
                <div class="name">83</div>
                <div class="code-name">&amp;#xe789;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78a;</span>
                <div class="name">84</div>
                <div class="code-name">&amp;#xe78a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78b;</span>
                <div class="name">85</div>
                <div class="code-name">&amp;#xe78b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78c;</span>
                <div class="name">86</div>
                <div class="code-name">&amp;#xe78c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78d;</span>
                <div class="name">87</div>
                <div class="code-name">&amp;#xe78d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78e;</span>
                <div class="name">89</div>
                <div class="code-name">&amp;#xe78e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78f;</span>
                <div class="name">88</div>
                <div class="code-name">&amp;#xe78f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe790;</span>
                <div class="name">90</div>
                <div class="code-name">&amp;#xe790;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fa;</span>
                <div class="name">面积</div>
                <div class="code-name">&amp;#xe7fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">时间轴</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dd;</span>
                <div class="name">里程计算坐标</div>
                <div class="code-name">&amp;#xe7dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7de;</span>
                <div class="name">坐标反算里程</div>
                <div class="code-name">&amp;#xe7de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">保存</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">编辑2</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">编辑1</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">错误实心</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">闭眼／不可见</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">错</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">打印</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">感叹号实心</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">感叹号空心</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">减少</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">对</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">解锁</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">交易管理</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">客户信息列表</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">垃圾桶</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">日历</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">上</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">收益</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">审阅／列表</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">锁定</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">添加用户</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">添加沟通</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">投后报告</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">投后</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">文件管理</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">下</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">问号实心</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">向上</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">向下</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">问号空心</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">向左</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">向右</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">修改</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">用户</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">邮件</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">用户组</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">有效的</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">右</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">增加</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">正确实心</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">睁眼／查看</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">资产配置</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">左</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">复选框未选状态</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">复选框选择状态</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">单选框选择状态</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">单选框未选状态</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">上传附件</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">全球</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">公文包</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">银行卡</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">定位／位置</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">地图</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">全球金融</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">沟通／对话</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">activity</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">arrow-back-outline</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">arrow-circle-left-ou</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">alert-circle-outline</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">alert-triangle-outli</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">arrow-circle-down-ou</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">arrow-circle-right-o</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">arrow-circle-up-outl</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">arrow-down-outline</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">arrow-downward-outli</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">arrow-forward-outlin</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">arrow-ios-forward-ou</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">arrow-ios-upward-out</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">arrow-ios-back-outli</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">arrow-ios-downward-o</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">arrow-left-outline</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">arrow-upward-outline</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">arrowhead-down-outli</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">arrow-up-outline</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">arrow-right-outline</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">arrowhead-left-outli</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">at-outline</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">attach-2-outline</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">arrowhead-right-outl</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">arrowhead-up-outline</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">attach-outline</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">archive-outline</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">award-outline</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">backspace-outline</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">bar-chart-2-outline</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">behance-outline</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">bar-chart-outline</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">bell-off-outline</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">bluetooth-outline</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">bell-outline</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">book-outline</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">book-open-outline</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">bookmark-outline</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">browser-outline</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">briefcase-outline</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">bulb-outline</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">brush-outline</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">battery-outline</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">calendar-outline</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">car-outline</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">camera-outline</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">cast-outline</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">charging-outline</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">checkmark-outline</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">checkmark-circle-2-o</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">checkmark-circle-out</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">checkmark-square-2-o</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">chevron-down-outline</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">checkmark-square-out</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">chevron-right-outlin</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">chevron-up-outline</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">chevron-left-outline</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">clipboard-outline</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">close-circle-outline</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">close-outline</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">close-square-outline</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">cloud-download-outli</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">code-download-outlin</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">cloud-upload-outline</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">code-outline</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">collapse-outline</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">clock-outline</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">color-palette-outlin</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">color-picker-outline</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">compass-outline</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">copy-outline</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">corner-down-left-out</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">corner-left-down-out</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">corner-right-down-ou</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">corner-right-up-outl</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">corner-up-left-outli</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">corner-up-right-outl</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">credit-card-outline</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
                <div class="name">corner-left-up-outli</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">crop-outline</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">diagonal-arrow-left-</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ba;</span>
                <div class="name">cube-outline</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
                <div class="name">diagonal-arrow-left-</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
                <div class="name">diagonal-arrow-right</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">diagonal-arrow-right</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6be;</span>
                <div class="name">download-outline</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bf;</span>
                <div class="name">done-all-outline</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c0;</span>
                <div class="name">droplet-off-outline</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c1;</span>
                <div class="name">droplet-outline</div>
                <div class="code-name">&amp;#xe6c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c2;</span>
                <div class="name">edit-2-outline</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c3;</span>
                <div class="name">edit-outline</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">email-outline</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c5;</span>
                <div class="name">expand-outline</div>
                <div class="code-name">&amp;#xe6c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c6;</span>
                <div class="name">external-link-outlin</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c7;</span>
                <div class="name">eye-off-outline</div>
                <div class="code-name">&amp;#xe6c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c8;</span>
                <div class="name">facebook-outline</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
                <div class="name">eye-outline</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
                <div class="name">file-add-outline</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cb;</span>
                <div class="name">file-text-outline</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cc;</span>
                <div class="name">file-remove-outline</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cd;</span>
                <div class="name">file-outline</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ce;</span>
                <div class="name">film-outline</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cf;</span>
                <div class="name">corner-down-right-ou</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d0;</span>
                <div class="name">eye-off-2-outline</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d1;</span>
                <div class="name">flag-outline</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d2;</span>
                <div class="name">flash-off-outline</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d3;</span>
                <div class="name">flip-2-outline</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d4;</span>
                <div class="name">folder-add-outline</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d5;</span>
                <div class="name">flip-outline</div>
                <div class="code-name">&amp;#xe6d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d6;</span>
                <div class="name">flash-outline</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d7;</span>
                <div class="name">funnel-outline</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d8;</span>
                <div class="name">folder-remove-outlin</div>
                <div class="code-name">&amp;#xe6d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d9;</span>
                <div class="name">folder-outline</div>
                <div class="code-name">&amp;#xe6d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6da;</span>
                <div class="name">gift-outline</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6db;</span>
                <div class="name">globe-2-outline</div>
                <div class="code-name">&amp;#xe6db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dc;</span>
                <div class="name">github-outline</div>
                <div class="code-name">&amp;#xe6dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dd;</span>
                <div class="name">google-outline</div>
                <div class="code-name">&amp;#xe6dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6de;</span>
                <div class="name">globe-outline</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6df;</span>
                <div class="name">grid-outline</div>
                <div class="code-name">&amp;#xe6df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e0;</span>
                <div class="name">hard-drive-outline</div>
                <div class="code-name">&amp;#xe6e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e1;</span>
                <div class="name">hash-outline</div>
                <div class="code-name">&amp;#xe6e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e2;</span>
                <div class="name">headphones-outline</div>
                <div class="code-name">&amp;#xe6e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e3;</span>
                <div class="name">home-outline</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e4;</span>
                <div class="name">image-outline</div>
                <div class="code-name">&amp;#xe6e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e5;</span>
                <div class="name">heart-outline</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e6;</span>
                <div class="name">inbox-outline</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e7;</span>
                <div class="name">layers-outline</div>
                <div class="code-name">&amp;#xe6e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e8;</span>
                <div class="name">keypad-outline</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e9;</span>
                <div class="name">layout-outline</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ea;</span>
                <div class="name">link-2-outline</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6eb;</span>
                <div class="name">link-outline</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ec;</span>
                <div class="name">linkedin-outline</div>
                <div class="code-name">&amp;#xe6ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ed;</span>
                <div class="name">list-outline</div>
                <div class="code-name">&amp;#xe6ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ee;</span>
                <div class="name">log-in-outline</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ef;</span>
                <div class="name">lock-outline</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f0;</span>
                <div class="name">loader-outline</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f1;</span>
                <div class="name">log-out-outline</div>
                <div class="code-name">&amp;#xe6f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f2;</span>
                <div class="name">map-outline</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f3;</span>
                <div class="name">maximize-outline</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f4;</span>
                <div class="name">menu-arrow-outline</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f5;</span>
                <div class="name">menu-2-outline</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f6;</span>
                <div class="name">menu-outline</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f7;</span>
                <div class="name">message-circle-outli</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f8;</span>
                <div class="name">mic-outline</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f9;</span>
                <div class="name">message-square-outli</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fa;</span>
                <div class="name">mic-off-outline</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fb;</span>
                <div class="name">info-outline</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fc;</span>
                <div class="name">minimize-outline</div>
                <div class="code-name">&amp;#xe6fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fd;</span>
                <div class="name">minus-circle-outline</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fe;</span>
                <div class="name">monitor-outline</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ff;</span>
                <div class="name">moon-outline</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe700;</span>
                <div class="name">minus-outline</div>
                <div class="code-name">&amp;#xe700;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe701;</span>
                <div class="name">minus-square-outline</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe702;</span>
                <div class="name">more-horizontal-outl</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe703;</span>
                <div class="name">more-vertical-outlin</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
                <div class="name">move-outline</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe705;</span>
                <div class="name">navigation-outline</div>
                <div class="code-name">&amp;#xe705;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe706;</span>
                <div class="name">navigation-2-outline</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe707;</span>
                <div class="name">music-outline</div>
                <div class="code-name">&amp;#xe707;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe708;</span>
                <div class="name">options-2-outline</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe709;</span>
                <div class="name">npm-outline</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70a;</span>
                <div class="name">options-outline</div>
                <div class="code-name">&amp;#xe70a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70b;</span>
                <div class="name">pantone-outline</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70c;</span>
                <div class="name">paper-plane-outline</div>
                <div class="code-name">&amp;#xe70c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70d;</span>
                <div class="name">pause-circle-outline</div>
                <div class="code-name">&amp;#xe70d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70e;</span>
                <div class="name">percent-outline</div>
                <div class="code-name">&amp;#xe70e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70f;</span>
                <div class="name">people-outline</div>
                <div class="code-name">&amp;#xe70f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe710;</span>
                <div class="name">person-add-outline</div>
                <div class="code-name">&amp;#xe710;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe711;</span>
                <div class="name">person-done-outline</div>
                <div class="code-name">&amp;#xe711;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe712;</span>
                <div class="name">person-delete-outlin</div>
                <div class="code-name">&amp;#xe712;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe713;</span>
                <div class="name">person-outline</div>
                <div class="code-name">&amp;#xe713;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe714;</span>
                <div class="name">person-remove-outlin</div>
                <div class="code-name">&amp;#xe714;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe715;</span>
                <div class="name">phone-call-outline</div>
                <div class="code-name">&amp;#xe715;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe716;</span>
                <div class="name">phone-missed-outline</div>
                <div class="code-name">&amp;#xe716;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe717;</span>
                <div class="name">phone-outline</div>
                <div class="code-name">&amp;#xe717;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe718;</span>
                <div class="name">phone-off-outline</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe719;</span>
                <div class="name">pie-chart-outline</div>
                <div class="code-name">&amp;#xe719;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71a;</span>
                <div class="name">play-circle-outline</div>
                <div class="code-name">&amp;#xe71a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71b;</span>
                <div class="name">plus-circle-outline</div>
                <div class="code-name">&amp;#xe71b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71c;</span>
                <div class="name">pin-outline</div>
                <div class="code-name">&amp;#xe71c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71d;</span>
                <div class="name">plus-square-outline</div>
                <div class="code-name">&amp;#xe71d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71e;</span>
                <div class="name">power-outline</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71f;</span>
                <div class="name">pricetags-outline</div>
                <div class="code-name">&amp;#xe71f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe720;</span>
                <div class="name">plus-outline</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe721;</span>
                <div class="name">question-mark-circle</div>
                <div class="code-name">&amp;#xe721;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe722;</span>
                <div class="name">printer-outline</div>
                <div class="code-name">&amp;#xe722;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe723;</span>
                <div class="name">question-mark-outlin</div>
                <div class="code-name">&amp;#xe723;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe724;</span>
                <div class="name">radio-button-off-out</div>
                <div class="code-name">&amp;#xe724;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe725;</span>
                <div class="name">radio-button-on-outl</div>
                <div class="code-name">&amp;#xe725;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe726;</span>
                <div class="name">recording-outline</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe727;</span>
                <div class="name">refresh-outline</div>
                <div class="code-name">&amp;#xe727;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe728;</span>
                <div class="name">repeat-outline</div>
                <div class="code-name">&amp;#xe728;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe729;</span>
                <div class="name">rewind-left-outline</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72a;</span>
                <div class="name">save-outline</div>
                <div class="code-name">&amp;#xe72a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72b;</span>
                <div class="name">rewind-right-outline</div>
                <div class="code-name">&amp;#xe72b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72c;</span>
                <div class="name">scissors-outline</div>
                <div class="code-name">&amp;#xe72c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72d;</span>
                <div class="name">radio-outline</div>
                <div class="code-name">&amp;#xe72d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72e;</span>
                <div class="name">search-outline</div>
                <div class="code-name">&amp;#xe72e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72f;</span>
                <div class="name">settings-2-outline</div>
                <div class="code-name">&amp;#xe72f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe730;</span>
                <div class="name">shake-outline</div>
                <div class="code-name">&amp;#xe730;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe731;</span>
                <div class="name">share-outline</div>
                <div class="code-name">&amp;#xe731;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe732;</span>
                <div class="name">settings-outline</div>
                <div class="code-name">&amp;#xe732;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe733;</span>
                <div class="name">shield-off-outline</div>
                <div class="code-name">&amp;#xe733;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe734;</span>
                <div class="name">shield-outline</div>
                <div class="code-name">&amp;#xe734;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe735;</span>
                <div class="name">shopping-bag-outline</div>
                <div class="code-name">&amp;#xe735;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe736;</span>
                <div class="name">shuffle-2-outline</div>
                <div class="code-name">&amp;#xe736;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe737;</span>
                <div class="name">shopping-cart-outlin</div>
                <div class="code-name">&amp;#xe737;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe738;</span>
                <div class="name">skip-back-outline</div>
                <div class="code-name">&amp;#xe738;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe739;</span>
                <div class="name">skip-forward-outline</div>
                <div class="code-name">&amp;#xe739;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73a;</span>
                <div class="name">shuffle-outline</div>
                <div class="code-name">&amp;#xe73a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73b;</span>
                <div class="name">slash-outline</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73c;</span>
                <div class="name">smartphone-outline</div>
                <div class="code-name">&amp;#xe73c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73d;</span>
                <div class="name">square-outline</div>
                <div class="code-name">&amp;#xe73d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73e;</span>
                <div class="name">speaker-outline</div>
                <div class="code-name">&amp;#xe73e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73f;</span>
                <div class="name">stop-circle-outline</div>
                <div class="code-name">&amp;#xe73f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe740;</span>
                <div class="name">star-outline</div>
                <div class="code-name">&amp;#xe740;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe741;</span>
                <div class="name">sun-outline</div>
                <div class="code-name">&amp;#xe741;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe742;</span>
                <div class="name">text-outline</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe743;</span>
                <div class="name">thermometer-outline</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe744;</span>
                <div class="name">sync-outline</div>
                <div class="code-name">&amp;#xe744;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe745;</span>
                <div class="name">swap-outline</div>
                <div class="code-name">&amp;#xe745;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe746;</span>
                <div class="name">thermometer-minus-ou</div>
                <div class="code-name">&amp;#xe746;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe747;</span>
                <div class="name">thermometer-plus-out</div>
                <div class="code-name">&amp;#xe747;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe748;</span>
                <div class="name">toggle-left-outline</div>
                <div class="code-name">&amp;#xe748;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe749;</span>
                <div class="name">trash-2-outline</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74a;</span>
                <div class="name">toggle-right-outline</div>
                <div class="code-name">&amp;#xe74a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74b;</span>
                <div class="name">trash-outline</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74c;</span>
                <div class="name">trending-down-outlin</div>
                <div class="code-name">&amp;#xe74c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74d;</span>
                <div class="name">tv-outline</div>
                <div class="code-name">&amp;#xe74d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74e;</span>
                <div class="name">trending-up-outline</div>
                <div class="code-name">&amp;#xe74e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74f;</span>
                <div class="name">umbrella-outline</div>
                <div class="code-name">&amp;#xe74f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe750;</span>
                <div class="name">twitter-outline</div>
                <div class="code-name">&amp;#xe750;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe751;</span>
                <div class="name">unlock-outline</div>
                <div class="code-name">&amp;#xe751;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe752;</span>
                <div class="name">undo-outline</div>
                <div class="code-name">&amp;#xe752;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe753;</span>
                <div class="name">upload-outline</div>
                <div class="code-name">&amp;#xe753;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe754;</span>
                <div class="name">video-outline</div>
                <div class="code-name">&amp;#xe754;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe755;</span>
                <div class="name">video-off-outline</div>
                <div class="code-name">&amp;#xe755;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe756;</span>
                <div class="name">volume-down-outline</div>
                <div class="code-name">&amp;#xe756;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe757;</span>
                <div class="name">volume-mute-outline</div>
                <div class="code-name">&amp;#xe757;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe758;</span>
                <div class="name">volume-up-outline</div>
                <div class="code-name">&amp;#xe758;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe759;</span>
                <div class="name">wifi-outline</div>
                <div class="code-name">&amp;#xe759;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75a;</span>
                <div class="name">wifi-off-outline</div>
                <div class="code-name">&amp;#xe75a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75b;</span>
                <div class="name">volume-off-outline</div>
                <div class="code-name">&amp;#xe75b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c5;</span>
                <div class="name">对比</div>
                <div class="code-name">&amp;#xe7c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e9;</span>
                <div class="name">柱状图</div>
                <div class="code-name">&amp;#xe7e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e1;</span>
                <div class="name">heatmap</div>
                <div class="code-name">&amp;#xe7e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d7;</span>
                <div class="name">一张图</div>
                <div class="code-name">&amp;#xe7d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b3;</span>
                <div class="name">折线图</div>
                <div class="code-name">&amp;#xe8b3;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-mianjiceliang"></span>
            <div class="name">
              面积测量
            </div>
            <div class="code-name">.kfb-icon-mianjiceliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-jiaoduceliang"></span>
            <div class="name">
              角度测量
            </div>
            <div class="code-name">.kfb-icon-jiaoduceliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-liebiaoxingshi"></span>
            <div class="name">
              列表形式
            </div>
            <div class="code-name">.kfb-icon-liebiaoxingshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-leimu"></span>
            <div class="name">
              类目
            </div>
            <div class="code-name">.kfb-icon-leimu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-area"></span>
            <div class="name">
              area
            </div>
            <div class="code-name">.kfb-icon-area
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-caidan"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.kfb-icon-caidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-celiang1"></span>
            <div class="name">
              测量
            </div>
            <div class="code-name">.kfb-icon-celiang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-length"></span>
            <div class="name">
              length
            </div>
            <div class="code-name">.kfb-icon-length
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-celiang"></span>
            <div class="name">
              测量
            </div>
            <div class="code-name">.kfb-icon-celiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-shuju"></span>
            <div class="name">
              数据
            </div>
            <div class="code-name">.kfb-icon-shuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-juliceliang"></span>
            <div class="name">
              距离测量
            </div>
            <div class="code-name">.kfb-icon-juliceliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-kongjianjuliceliang"></span>
            <div class="name">
              距离测量
            </div>
            <div class="code-name">.kfb-icon-kongjianjuliceliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-mianjiceliang1"></span>
            <div class="name">
              面积测量
            </div>
            <div class="code-name">.kfb-icon-mianjiceliang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-tielupohuai"></span>
            <div class="name">
              铁路破坏
            </div>
            <div class="code-name">.kfb-icon-tielupohuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-dapingzhanshi"></span>
            <div class="name">
              大屏展示
            </div>
            <div class="code-name">.kfb-icon-dapingzhanshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-celiang2"></span>
            <div class="name">
              测量
            </div>
            <div class="code-name">.kfb-icon-celiang2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-yingyongguanli"></span>
            <div class="name">
              应用管理
            </div>
            <div class="code-name">.kfb-icon-yingyongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-weihu-copy"></span>
            <div class="name">
              维护
            </div>
            <div class="code-name">.kfb-icon-weihu-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-celiang3"></span>
            <div class="name">
              测量
            </div>
            <div class="code-name">.kfb-icon-celiang3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon_yingyongguanli"></span>
            <div class="name">
              icon_应用管理
            </div>
            <div class="code-name">.kfb-icon-icon_yingyongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-juli1"></span>
            <div class="name">
              距离
            </div>
            <div class="code-name">.kfb-icon-juli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-celiangmianji"></span>
            <div class="name">
              测量面积
            </div>
            <div class="code-name">.kfb-icon-celiangmianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-juli2"></span>
            <div class="name">
              距离
            </div>
            <div class="code-name">.kfb-icon-juli2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-xunchafanwei"></span>
            <div class="name">
              巡查范围
            </div>
            <div class="code-name">.kfb-icon-xunchafanwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-daohang_o"></span>
            <div class="name">
              导航_o
            </div>
            <div class="code-name">.kfb-icon-daohang_o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-mianji"></span>
            <div class="name">
              面积
            </div>
            <div class="code-name">.kfb-icon-mianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-dingwei"></span>
            <div class="name">
              定位
            </div>
            <div class="code-name">.kfb-icon-dingwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-liangchi"></span>
            <div class="name">
              量尺
            </div>
            <div class="code-name">.kfb-icon-liangchi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-bingzhuangtu1"></span>
            <div class="name">
              饼状图 (1)
            </div>
            <div class="code-name">.kfb-icon-bingzhuangtu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-yaogan"></span>
            <div class="name">
              遥感
            </div>
            <div class="code-name">.kfb-icon-yaogan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-xiaochengxutubiaoguilei-"></span>
            <div class="name">
              量尺
            </div>
            <div class="code-name">.kfb-icon-xiaochengxutubiaoguilei-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-cluster"></span>
            <div class="name">
              cluster
            </div>
            <div class="code-name">.kfb-icon-cluster
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-licheng"></span>
            <div class="name">
              里程
            </div>
            <div class="code-name">.kfb-icon-licheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-celiang4"></span>
            <div class="name">
              测量2
            </div>
            <div class="code-name">.kfb-icon-celiang4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-compared"></span>
            <div class="name">
              对比
            </div>
            <div class="code-name">.kfb-icon-compared
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-cunchu"></span>
            <div class="name">
              存储
            </div>
            <div class="code-name">.kfb-icon-cunchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-bianji2"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.kfb-icon-bianji2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-fuwu"></span>
            <div class="name">
              服务
            </div>
            <div class="code-name">.kfb-icon-fuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-cunchujuan"></span>
            <div class="name">
              存储卷
            </div>
            <div class="code-name">.kfb-icon-cunchujuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-dengdai"></span>
            <div class="name">
              等待
            </div>
            <div class="code-name">.kfb-icon-dengdai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-fuzaijunheng"></span>
            <div class="name">
              负载均衡
            </div>
            <div class="code-name">.kfb-icon-fuzaijunheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-gailan"></span>
            <div class="name">
              概览
            </div>
            <div class="code-name">.kfb-icon-gailan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-gongchengguanli"></span>
            <div class="name">
              工程管理
            </div>
            <div class="code-name">.kfb-icon-gongchengguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-gonggao"></span>
            <div class="name">
              公告
            </div>
            <div class="code-name">.kfb-icon-gonggao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-gongdan"></span>
            <div class="name">
              工单
            </div>
            <div class="code-name">.kfb-icon-gongdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-gaojing"></span>
            <div class="name">
              告警
            </div>
            <div class="code-name">.kfb-icon-gaojing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-huaban"></span>
            <div class="name">
              画板 37
            </div>
            <div class="code-name">.kfb-icon-huaban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-huaban1"></span>
            <div class="name">
              下线
            </div>
            <div class="code-name">.kfb-icon-huaban1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-jiankong"></span>
            <div class="name">
              监控
            </div>
            <div class="code-name">.kfb-icon-jiankong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-huifubeifen"></span>
            <div class="name">
              恢复备份
            </div>
            <div class="code-name">.kfb-icon-huifubeifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-jianqu"></span>
            <div class="name">
              减去
            </div>
            <div class="code-name">.kfb-icon-jianqu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-jinggao"></span>
            <div class="name">
              警告
            </div>
            <div class="code-name">.kfb-icon-jinggao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-jingxiang"></span>
            <div class="name">
              镜像
            </div>
            <div class="code-name">.kfb-icon-jingxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-quxiao"></span>
            <div class="name">
              取消
            </div>
            <div class="code-name">.kfb-icon-quxiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-neicun"></span>
            <div class="name">
              内存
            </div>
            <div class="code-name">.kfb-icon-neicun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-queding"></span>
            <div class="name">
              确定
            </div>
            <div class="code-name">.kfb-icon-queding
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-rongliangguanli"></span>
            <div class="name">
              容量管理
            </div>
            <div class="code-name">.kfb-icon-rongliangguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-shanchu1"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.kfb-icon-shanchu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-rizhi"></span>
            <div class="name">
              日志
            </div>
            <div class="code-name">.kfb-icon-rizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-shangxian"></span>
            <div class="name">
              上线
            </div>
            <div class="code-name">.kfb-icon-shangxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-shouqi"></span>
            <div class="name">
              收起
            </div>
            <div class="code-name">.kfb-icon-shouqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-tianjia1"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.kfb-icon-tianjia1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-tishi"></span>
            <div class="name">
              提示
            </div>
            <div class="code-name">.kfb-icon-tishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-waicengfanghuoqiang"></span>
            <div class="name">
              外层防火墙
            </div>
            <div class="code-name">.kfb-icon-waicengfanghuoqiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-wangluo"></span>
            <div class="name">
              网络
            </div>
            <div class="code-name">.kfb-icon-wangluo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-wenjian"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.kfb-icon-wenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-xiangyou1"></span>
            <div class="name">
              向右
            </div>
            <div class="code-name">.kfb-icon-xiangyou1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-wenjianjiazhankai"></span>
            <div class="name">
              文件夹展开
            </div>
            <div class="code-name">.kfb-icon-wenjianjiazhankai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-xiangyoufanye"></span>
            <div class="name">
              向右翻页
            </div>
            <div class="code-name">.kfb-icon-xiangyoufanye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-wenjianjia-shouqi"></span>
            <div class="name">
              文件夹-收起
            </div>
            <div class="code-name">.kfb-icon-wenjianjia-shouqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-xiangzuo1"></span>
            <div class="name">
              向左
            </div>
            <div class="code-name">.kfb-icon-xiangzuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-xiangzuofanye"></span>
            <div class="name">
              向左翻页
            </div>
            <div class="code-name">.kfb-icon-xiangzuofanye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-yewuxitong"></span>
            <div class="name">
              业务系统
            </div>
            <div class="code-name">.kfb-icon-yewuxitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-xiaoxi"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.kfb-icon-xiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-yingyong"></span>
            <div class="name">
              应用
            </div>
            <div class="code-name">.kfb-icon-yingyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-yonghuguanli"></span>
            <div class="name">
              用户管理
            </div>
            <div class="code-name">.kfb-icon-yonghuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-shangchuan"></span>
            <div class="name">
              上传
            </div>
            <div class="code-name">.kfb-icon-shangchuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-yunyingliucheng"></span>
            <div class="name">
              运营流程
            </div>
            <div class="code-name">.kfb-icon-yunyingliucheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-yunyingfenxi"></span>
            <div class="name">
              运营分析
            </div>
            <div class="code-name">.kfb-icon-yunyingfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-zhankai"></span>
            <div class="name">
              展开
            </div>
            <div class="code-name">.kfb-icon-zhankai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-zanting"></span>
            <div class="name">
              暂停
            </div>
            <div class="code-name">.kfb-icon-zanting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-zhongzhi"></span>
            <div class="name">
              终止
            </div>
            <div class="code-name">.kfb-icon-zhongzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-ziyuanchi"></span>
            <div class="name">
              资源池
            </div>
            <div class="code-name">.kfb-icon-ziyuanchi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-ziyuanguanli"></span>
            <div class="name">
              资源管理
            </div>
            <div class="code-name">.kfb-icon-ziyuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-zhongjianjian"></span>
            <div class="name">
              中间件
            </div>
            <div class="code-name">.kfb-icon-zhongjianjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-ziyuanfenxi"></span>
            <div class="name">
              资源分析
            </div>
            <div class="code-name">.kfb-icon-ziyuanfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test"></span>
            <div class="name">
              3
            </div>
            <div class="code-name">.kfb-icon-icon-test
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test1"></span>
            <div class="name">
              2
            </div>
            <div class="code-name">.kfb-icon-icon-test1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test2"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.kfb-icon-icon-test2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test3"></span>
            <div class="name">
              6
            </div>
            <div class="code-name">.kfb-icon-icon-test3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test4"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.kfb-icon-icon-test4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test5"></span>
            <div class="name">
              5
            </div>
            <div class="code-name">.kfb-icon-icon-test5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test6"></span>
            <div class="name">
              8
            </div>
            <div class="code-name">.kfb-icon-icon-test6
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test7"></span>
            <div class="name">
              7
            </div>
            <div class="code-name">.kfb-icon-icon-test7
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test8"></span>
            <div class="name">
              10
            </div>
            <div class="code-name">.kfb-icon-icon-test8
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test9"></span>
            <div class="name">
              日历
            </div>
            <div class="code-name">.kfb-icon-icon-test9
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test10"></span>
            <div class="name">
              9
            </div>
            <div class="code-name">.kfb-icon-icon-test10
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test11"></span>
            <div class="name">
              11
            </div>
            <div class="code-name">.kfb-icon-icon-test11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test12"></span>
            <div class="name">
              15
            </div>
            <div class="code-name">.kfb-icon-icon-test12
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test13"></span>
            <div class="name">
              14
            </div>
            <div class="code-name">.kfb-icon-icon-test13
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test14"></span>
            <div class="name">
              16
            </div>
            <div class="code-name">.kfb-icon-icon-test14
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test15"></span>
            <div class="name">
              13
            </div>
            <div class="code-name">.kfb-icon-icon-test15
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test16"></span>
            <div class="name">
              17
            </div>
            <div class="code-name">.kfb-icon-icon-test16
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test17"></span>
            <div class="name">
              18
            </div>
            <div class="code-name">.kfb-icon-icon-test17
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test18"></span>
            <div class="name">
              19
            </div>
            <div class="code-name">.kfb-icon-icon-test18
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test19"></span>
            <div class="name">
              21
            </div>
            <div class="code-name">.kfb-icon-icon-test19
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test20"></span>
            <div class="name">
              22
            </div>
            <div class="code-name">.kfb-icon-icon-test20
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test21"></span>
            <div class="name">
              23
            </div>
            <div class="code-name">.kfb-icon-icon-test21
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test22"></span>
            <div class="name">
              24
            </div>
            <div class="code-name">.kfb-icon-icon-test22
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test23"></span>
            <div class="name">
              26
            </div>
            <div class="code-name">.kfb-icon-icon-test23
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test24"></span>
            <div class="name">
              20
            </div>
            <div class="code-name">.kfb-icon-icon-test24
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test25"></span>
            <div class="name">
              27
            </div>
            <div class="code-name">.kfb-icon-icon-test25
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test26"></span>
            <div class="name">
              25
            </div>
            <div class="code-name">.kfb-icon-icon-test26
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test27"></span>
            <div class="name">
              28
            </div>
            <div class="code-name">.kfb-icon-icon-test27
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test28"></span>
            <div class="name">
              30
            </div>
            <div class="code-name">.kfb-icon-icon-test28
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test29"></span>
            <div class="name">
              29
            </div>
            <div class="code-name">.kfb-icon-icon-test29
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test30"></span>
            <div class="name">
              31
            </div>
            <div class="code-name">.kfb-icon-icon-test30
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test31"></span>
            <div class="name">
              32
            </div>
            <div class="code-name">.kfb-icon-icon-test31
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test32"></span>
            <div class="name">
              34
            </div>
            <div class="code-name">.kfb-icon-icon-test32
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test33"></span>
            <div class="name">
              33
            </div>
            <div class="code-name">.kfb-icon-icon-test33
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test34"></span>
            <div class="name">
              保存
            </div>
            <div class="code-name">.kfb-icon-icon-test34
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test35"></span>
            <div class="name">
              灯泡
            </div>
            <div class="code-name">.kfb-icon-icon-test35
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test36"></span>
            <div class="name">
              37
            </div>
            <div class="code-name">.kfb-icon-icon-test36
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test37"></span>
            <div class="name">
              38
            </div>
            <div class="code-name">.kfb-icon-icon-test37
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test38"></span>
            <div class="name">
              39
            </div>
            <div class="code-name">.kfb-icon-icon-test38
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test39"></span>
            <div class="name">
              40
            </div>
            <div class="code-name">.kfb-icon-icon-test39
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test40"></span>
            <div class="name">
              42
            </div>
            <div class="code-name">.kfb-icon-icon-test40
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test41"></span>
            <div class="name">
              41
            </div>
            <div class="code-name">.kfb-icon-icon-test41
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test42"></span>
            <div class="name">
              43
            </div>
            <div class="code-name">.kfb-icon-icon-test42
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test43"></span>
            <div class="name">
              44
            </div>
            <div class="code-name">.kfb-icon-icon-test43
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test44"></span>
            <div class="name">
              45
            </div>
            <div class="code-name">.kfb-icon-icon-test44
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test45"></span>
            <div class="name">
              46
            </div>
            <div class="code-name">.kfb-icon-icon-test45
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test46"></span>
            <div class="name">
              47
            </div>
            <div class="code-name">.kfb-icon-icon-test46
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test47"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.kfb-icon-icon-test47
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test48"></span>
            <div class="name">
              50
            </div>
            <div class="code-name">.kfb-icon-icon-test48
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test49"></span>
            <div class="name">
              51
            </div>
            <div class="code-name">.kfb-icon-icon-test49
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test50"></span>
            <div class="name">
              52
            </div>
            <div class="code-name">.kfb-icon-icon-test50
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test51"></span>
            <div class="name">
              48
            </div>
            <div class="code-name">.kfb-icon-icon-test51
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test52"></span>
            <div class="name">
              53
            </div>
            <div class="code-name">.kfb-icon-icon-test52
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test53"></span>
            <div class="name">
              54
            </div>
            <div class="code-name">.kfb-icon-icon-test53
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test54"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.kfb-icon-icon-test54
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test55"></span>
            <div class="name">
              56
            </div>
            <div class="code-name">.kfb-icon-icon-test55
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test56"></span>
            <div class="name">
              57
            </div>
            <div class="code-name">.kfb-icon-icon-test56
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test57"></span>
            <div class="name">
              58
            </div>
            <div class="code-name">.kfb-icon-icon-test57
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test58"></span>
            <div class="name">
              59
            </div>
            <div class="code-name">.kfb-icon-icon-test58
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test59"></span>
            <div class="name">
              60
            </div>
            <div class="code-name">.kfb-icon-icon-test59
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test60"></span>
            <div class="name">
              61
            </div>
            <div class="code-name">.kfb-icon-icon-test60
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test61"></span>
            <div class="name">
              62
            </div>
            <div class="code-name">.kfb-icon-icon-test61
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test62"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.kfb-icon-icon-test62
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test63"></span>
            <div class="name">
              64
            </div>
            <div class="code-name">.kfb-icon-icon-test63
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test64"></span>
            <div class="name">
              65
            </div>
            <div class="code-name">.kfb-icon-icon-test64
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test65"></span>
            <div class="name">
              67
            </div>
            <div class="code-name">.kfb-icon-icon-test65
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test66"></span>
            <div class="name">
              66
            </div>
            <div class="code-name">.kfb-icon-icon-test66
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test67"></span>
            <div class="name">
              68
            </div>
            <div class="code-name">.kfb-icon-icon-test67
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test68"></span>
            <div class="name">
              69
            </div>
            <div class="code-name">.kfb-icon-icon-test68
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test69"></span>
            <div class="name">
              70
            </div>
            <div class="code-name">.kfb-icon-icon-test69
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test70"></span>
            <div class="name">
              71
            </div>
            <div class="code-name">.kfb-icon-icon-test70
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test71"></span>
            <div class="name">
              72
            </div>
            <div class="code-name">.kfb-icon-icon-test71
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test72"></span>
            <div class="name">
              73
            </div>
            <div class="code-name">.kfb-icon-icon-test72
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test73"></span>
            <div class="name">
              74
            </div>
            <div class="code-name">.kfb-icon-icon-test73
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test74"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.kfb-icon-icon-test74
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test75"></span>
            <div class="name">
              76
            </div>
            <div class="code-name">.kfb-icon-icon-test75
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test76"></span>
            <div class="name">
              77
            </div>
            <div class="code-name">.kfb-icon-icon-test76
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test77"></span>
            <div class="name">
              78
            </div>
            <div class="code-name">.kfb-icon-icon-test77
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test78"></span>
            <div class="name">
              79
            </div>
            <div class="code-name">.kfb-icon-icon-test78
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test79"></span>
            <div class="name">
              80
            </div>
            <div class="code-name">.kfb-icon-icon-test79
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test80"></span>
            <div class="name">
              81
            </div>
            <div class="code-name">.kfb-icon-icon-test80
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test81"></span>
            <div class="name">
              82
            </div>
            <div class="code-name">.kfb-icon-icon-test81
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test82"></span>
            <div class="name">
              83
            </div>
            <div class="code-name">.kfb-icon-icon-test82
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test83"></span>
            <div class="name">
              84
            </div>
            <div class="code-name">.kfb-icon-icon-test83
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test84"></span>
            <div class="name">
              85
            </div>
            <div class="code-name">.kfb-icon-icon-test84
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test85"></span>
            <div class="name">
              86
            </div>
            <div class="code-name">.kfb-icon-icon-test85
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test86"></span>
            <div class="name">
              87
            </div>
            <div class="code-name">.kfb-icon-icon-test86
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test87"></span>
            <div class="name">
              89
            </div>
            <div class="code-name">.kfb-icon-icon-test87
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test88"></span>
            <div class="name">
              88
            </div>
            <div class="code-name">.kfb-icon-icon-test88
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-icon-test89"></span>
            <div class="name">
              90
            </div>
            <div class="code-name">.kfb-icon-icon-test89
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-mianji1"></span>
            <div class="name">
              面积
            </div>
            <div class="code-name">.kfb-icon-mianji1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-shijianzhou-blue"></span>
            <div class="name">
              时间轴
            </div>
            <div class="code-name">.kfb-icon-shijianzhou-blue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-lichengjisuanzuobiao"></span>
            <div class="name">
              里程计算坐标
            </div>
            <div class="code-name">.kfb-icon-lichengjisuanzuobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-zuobiaofansuanlicheng"></span>
            <div class="name">
              坐标反算里程
            </div>
            <div class="code-name">.kfb-icon-zuobiaofansuanlicheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-baocun"></span>
            <div class="name">
              保存
            </div>
            <div class="code-name">.kfb-icon-baocun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-bianji"></span>
            <div class="name">
              编辑2
            </div>
            <div class="code-name">.kfb-icon-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-bianji1"></span>
            <div class="name">
              编辑1
            </div>
            <div class="code-name">.kfb-icon-bianji1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-cuowushixin"></span>
            <div class="name">
              错误实心
            </div>
            <div class="code-name">.kfb-icon-cuowushixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-biyanbukejian"></span>
            <div class="name">
              闭眼／不可见
            </div>
            <div class="code-name">.kfb-icon-biyanbukejian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-cuo"></span>
            <div class="name">
              错
            </div>
            <div class="code-name">.kfb-icon-cuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-dayin"></span>
            <div class="name">
              打印
            </div>
            <div class="code-name">.kfb-icon-dayin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-gantanhaoshixin"></span>
            <div class="name">
              感叹号实心
            </div>
            <div class="code-name">.kfb-icon-gantanhaoshixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-guanbi"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.kfb-icon-guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-gantanhaokongxin"></span>
            <div class="name">
              感叹号空心
            </div>
            <div class="code-name">.kfb-icon-gantanhaokongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-jianshao"></span>
            <div class="name">
              减少
            </div>
            <div class="code-name">.kfb-icon-jianshao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-dui"></span>
            <div class="name">
              对
            </div>
            <div class="code-name">.kfb-icon-dui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-jiesuo"></span>
            <div class="name">
              解锁
            </div>
            <div class="code-name">.kfb-icon-jiesuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-jiaoyiguanli"></span>
            <div class="name">
              交易管理
            </div>
            <div class="code-name">.kfb-icon-jiaoyiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.kfb-icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-kehuxinxiliebiao"></span>
            <div class="name">
              客户信息列表
            </div>
            <div class="code-name">.kfb-icon-kehuxinxiliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-lajitong"></span>
            <div class="name">
              垃圾桶
            </div>
            <div class="code-name">.kfb-icon-lajitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-rili"></span>
            <div class="name">
              日历
            </div>
            <div class="code-name">.kfb-icon-rili
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-shang"></span>
            <div class="name">
              上
            </div>
            <div class="code-name">.kfb-icon-shang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-shouyi"></span>
            <div class="name">
              收益
            </div>
            <div class="code-name">.kfb-icon-shouyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.kfb-icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-shezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.kfb-icon-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-shenyueliebiao"></span>
            <div class="name">
              审阅／列表
            </div>
            <div class="code-name">.kfb-icon-shenyueliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-sousuo"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.kfb-icon-sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-suoding"></span>
            <div class="name">
              锁定
            </div>
            <div class="code-name">.kfb-icon-suoding
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-tianjia"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.kfb-icon-tianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-tianjiayonghu"></span>
            <div class="name">
              添加用户
            </div>
            <div class="code-name">.kfb-icon-tianjiayonghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-tianjiagoutong"></span>
            <div class="name">
              添加沟通
            </div>
            <div class="code-name">.kfb-icon-tianjiagoutong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-touhoubaogao"></span>
            <div class="name">
              投后报告
            </div>
            <div class="code-name">.kfb-icon-touhoubaogao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-touhou"></span>
            <div class="name">
              投后
            </div>
            <div class="code-name">.kfb-icon-touhou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-wenjianguanli"></span>
            <div class="name">
              文件管理
            </div>
            <div class="code-name">.kfb-icon-wenjianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-xia"></span>
            <div class="name">
              下
            </div>
            <div class="code-name">.kfb-icon-xia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-xiazai"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.kfb-icon-xiazai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-wenhaoshixin"></span>
            <div class="name">
              问号实心
            </div>
            <div class="code-name">.kfb-icon-wenhaoshixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-xiangshang"></span>
            <div class="name">
              向上
            </div>
            <div class="code-name">.kfb-icon-xiangshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-xiangxia"></span>
            <div class="name">
              向下
            </div>
            <div class="code-name">.kfb-icon-xiangxia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-wenhaokongxin"></span>
            <div class="name">
              问号空心
            </div>
            <div class="code-name">.kfb-icon-wenhaokongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-xiangzuo"></span>
            <div class="name">
              向左
            </div>
            <div class="code-name">.kfb-icon-xiangzuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-xiangyou"></span>
            <div class="name">
              向右
            </div>
            <div class="code-name">.kfb-icon-xiangyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-xiugai"></span>
            <div class="name">
              修改
            </div>
            <div class="code-name">.kfb-icon-xiugai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-yonghu"></span>
            <div class="name">
              用户
            </div>
            <div class="code-name">.kfb-icon-yonghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-youjian"></span>
            <div class="name">
              邮件
            </div>
            <div class="code-name">.kfb-icon-youjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-yonghuzu"></span>
            <div class="name">
              用户组
            </div>
            <div class="code-name">.kfb-icon-yonghuzu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-youxiaode"></span>
            <div class="name">
              有效的
            </div>
            <div class="code-name">.kfb-icon-youxiaode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-you"></span>
            <div class="name">
              右
            </div>
            <div class="code-name">.kfb-icon-you
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-zengjia"></span>
            <div class="name">
              增加
            </div>
            <div class="code-name">.kfb-icon-zengjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-zhengqueshixin"></span>
            <div class="name">
              正确实心
            </div>
            <div class="code-name">.kfb-icon-zhengqueshixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-zhengyanchakan"></span>
            <div class="name">
              睁眼／查看
            </div>
            <div class="code-name">.kfb-icon-zhengyanchakan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-zichanpeizhi"></span>
            <div class="name">
              资产配置
            </div>
            <div class="code-name">.kfb-icon-zichanpeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-zuo"></span>
            <div class="name">
              左
            </div>
            <div class="code-name">.kfb-icon-zuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-fuxuankuangweixuanzhuangtai"></span>
            <div class="name">
              复选框未选状态
            </div>
            <div class="code-name">.kfb-icon-fuxuankuangweixuanzhuangtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-fuxuankuangxuanzezhuangtai"></span>
            <div class="name">
              复选框选择状态
            </div>
            <div class="code-name">.kfb-icon-fuxuankuangxuanzezhuangtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-danxuankuangxuanzezhuangtai"></span>
            <div class="name">
              单选框选择状态
            </div>
            <div class="code-name">.kfb-icon-danxuankuangxuanzezhuangtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-danxuankuangweixuanzhuangtai"></span>
            <div class="name">
              单选框未选状态
            </div>
            <div class="code-name">.kfb-icon-danxuankuangweixuanzhuangtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-daochu"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.kfb-icon-daochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-shangchuanfujian"></span>
            <div class="name">
              上传附件
            </div>
            <div class="code-name">.kfb-icon-shangchuanfujian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-quanqiu"></span>
            <div class="name">
              全球
            </div>
            <div class="code-name">.kfb-icon-quanqiu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-gongwenbao"></span>
            <div class="name">
              公文包
            </div>
            <div class="code-name">.kfb-icon-gongwenbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-yinhangqia"></span>
            <div class="name">
              银行卡
            </div>
            <div class="code-name">.kfb-icon-yinhangqia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-dingweiweizhi"></span>
            <div class="name">
              定位／位置
            </div>
            <div class="code-name">.kfb-icon-dingweiweizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-ditu"></span>
            <div class="name">
              地图
            </div>
            <div class="code-name">.kfb-icon-ditu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-quanqiujinrong"></span>
            <div class="name">
              全球金融
            </div>
            <div class="code-name">.kfb-icon-quanqiujinrong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-goutongduihua"></span>
            <div class="name">
              沟通／对话
            </div>
            <div class="code-name">.kfb-icon-goutongduihua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-activity"></span>
            <div class="name">
              activity
            </div>
            <div class="code-name">.kfb-icon-activity
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-arrow-back-outline"></span>
            <div class="name">
              arrow-back-outline
            </div>
            <div class="code-name">.kfb-icon-arrow-back-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-arrow-circle-left-ou"></span>
            <div class="name">
              arrow-circle-left-ou
            </div>
            <div class="code-name">.kfb-icon-arrow-circle-left-ou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-alert-circle-outline"></span>
            <div class="name">
              alert-circle-outline
            </div>
            <div class="code-name">.kfb-icon-alert-circle-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-alert-triangle-outli"></span>
            <div class="name">
              alert-triangle-outli
            </div>
            <div class="code-name">.kfb-icon-alert-triangle-outli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-arrow-circle-down-ou"></span>
            <div class="name">
              arrow-circle-down-ou
            </div>
            <div class="code-name">.kfb-icon-arrow-circle-down-ou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-arrow-circle-right-o"></span>
            <div class="name">
              arrow-circle-right-o
            </div>
            <div class="code-name">.kfb-icon-arrow-circle-right-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-arrow-circle-up-outl"></span>
            <div class="name">
              arrow-circle-up-outl
            </div>
            <div class="code-name">.kfb-icon-arrow-circle-up-outl
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-arrow-down-outline"></span>
            <div class="name">
              arrow-down-outline
            </div>
            <div class="code-name">.kfb-icon-arrow-down-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-arrow-downward-outli"></span>
            <div class="name">
              arrow-downward-outli
            </div>
            <div class="code-name">.kfb-icon-arrow-downward-outli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-arrow-forward-outlin"></span>
            <div class="name">
              arrow-forward-outlin
            </div>
            <div class="code-name">.kfb-icon-arrow-forward-outlin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-arrow-ios-forward-ou"></span>
            <div class="name">
              arrow-ios-forward-ou
            </div>
            <div class="code-name">.kfb-icon-arrow-ios-forward-ou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-arrow-ios-upward-out"></span>
            <div class="name">
              arrow-ios-upward-out
            </div>
            <div class="code-name">.kfb-icon-arrow-ios-upward-out
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-arrow-ios-back-outli"></span>
            <div class="name">
              arrow-ios-back-outli
            </div>
            <div class="code-name">.kfb-icon-arrow-ios-back-outli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-arrow-ios-downward-o"></span>
            <div class="name">
              arrow-ios-downward-o
            </div>
            <div class="code-name">.kfb-icon-arrow-ios-downward-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-arrow-left-outline"></span>
            <div class="name">
              arrow-left-outline
            </div>
            <div class="code-name">.kfb-icon-arrow-left-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-arrow-upward-outline"></span>
            <div class="name">
              arrow-upward-outline
            </div>
            <div class="code-name">.kfb-icon-arrow-upward-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-arrowhead-down-outli"></span>
            <div class="name">
              arrowhead-down-outli
            </div>
            <div class="code-name">.kfb-icon-arrowhead-down-outli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-arrow-up-outline"></span>
            <div class="name">
              arrow-up-outline
            </div>
            <div class="code-name">.kfb-icon-arrow-up-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-arrow-right-outline"></span>
            <div class="name">
              arrow-right-outline
            </div>
            <div class="code-name">.kfb-icon-arrow-right-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-arrowhead-left-outli"></span>
            <div class="name">
              arrowhead-left-outli
            </div>
            <div class="code-name">.kfb-icon-arrowhead-left-outli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-at-outline"></span>
            <div class="name">
              at-outline
            </div>
            <div class="code-name">.kfb-icon-at-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-attach--outline"></span>
            <div class="name">
              attach-2-outline
            </div>
            <div class="code-name">.kfb-icon-attach--outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-arrowhead-right-outl"></span>
            <div class="name">
              arrowhead-right-outl
            </div>
            <div class="code-name">.kfb-icon-arrowhead-right-outl
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-arrowhead-up-outline"></span>
            <div class="name">
              arrowhead-up-outline
            </div>
            <div class="code-name">.kfb-icon-arrowhead-up-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-attach-outline"></span>
            <div class="name">
              attach-outline
            </div>
            <div class="code-name">.kfb-icon-attach-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-archive-outline"></span>
            <div class="name">
              archive-outline
            </div>
            <div class="code-name">.kfb-icon-archive-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-award-outline"></span>
            <div class="name">
              award-outline
            </div>
            <div class="code-name">.kfb-icon-award-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-backspace-outline"></span>
            <div class="name">
              backspace-outline
            </div>
            <div class="code-name">.kfb-icon-backspace-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-bar-chart--outline"></span>
            <div class="name">
              bar-chart-2-outline
            </div>
            <div class="code-name">.kfb-icon-bar-chart--outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-behance-outline"></span>
            <div class="name">
              behance-outline
            </div>
            <div class="code-name">.kfb-icon-behance-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-bar-chart-outline"></span>
            <div class="name">
              bar-chart-outline
            </div>
            <div class="code-name">.kfb-icon-bar-chart-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-bell-off-outline"></span>
            <div class="name">
              bell-off-outline
            </div>
            <div class="code-name">.kfb-icon-bell-off-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-bluetooth-outline"></span>
            <div class="name">
              bluetooth-outline
            </div>
            <div class="code-name">.kfb-icon-bluetooth-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-bell-outline"></span>
            <div class="name">
              bell-outline
            </div>
            <div class="code-name">.kfb-icon-bell-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-book-outline"></span>
            <div class="name">
              book-outline
            </div>
            <div class="code-name">.kfb-icon-book-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-book-open-outline"></span>
            <div class="name">
              book-open-outline
            </div>
            <div class="code-name">.kfb-icon-book-open-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-bookmark-outline"></span>
            <div class="name">
              bookmark-outline
            </div>
            <div class="code-name">.kfb-icon-bookmark-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-browser-outline"></span>
            <div class="name">
              browser-outline
            </div>
            <div class="code-name">.kfb-icon-browser-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-briefcase-outline"></span>
            <div class="name">
              briefcase-outline
            </div>
            <div class="code-name">.kfb-icon-briefcase-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-bulb-outline"></span>
            <div class="name">
              bulb-outline
            </div>
            <div class="code-name">.kfb-icon-bulb-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-brush-outline"></span>
            <div class="name">
              brush-outline
            </div>
            <div class="code-name">.kfb-icon-brush-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-battery-outline"></span>
            <div class="name">
              battery-outline
            </div>
            <div class="code-name">.kfb-icon-battery-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-calendar-outline"></span>
            <div class="name">
              calendar-outline
            </div>
            <div class="code-name">.kfb-icon-calendar-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-car-outline"></span>
            <div class="name">
              car-outline
            </div>
            <div class="code-name">.kfb-icon-car-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-camera-outline"></span>
            <div class="name">
              camera-outline
            </div>
            <div class="code-name">.kfb-icon-camera-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-cast-outline"></span>
            <div class="name">
              cast-outline
            </div>
            <div class="code-name">.kfb-icon-cast-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-charging-outline"></span>
            <div class="name">
              charging-outline
            </div>
            <div class="code-name">.kfb-icon-charging-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-checkmark-outline"></span>
            <div class="name">
              checkmark-outline
            </div>
            <div class="code-name">.kfb-icon-checkmark-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-checkmark-circle--o"></span>
            <div class="name">
              checkmark-circle-2-o
            </div>
            <div class="code-name">.kfb-icon-checkmark-circle--o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-checkmark-circle-out"></span>
            <div class="name">
              checkmark-circle-out
            </div>
            <div class="code-name">.kfb-icon-checkmark-circle-out
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-checkmark-square--o"></span>
            <div class="name">
              checkmark-square-2-o
            </div>
            <div class="code-name">.kfb-icon-checkmark-square--o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-chevron-down-outline"></span>
            <div class="name">
              chevron-down-outline
            </div>
            <div class="code-name">.kfb-icon-chevron-down-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-checkmark-square-out"></span>
            <div class="name">
              checkmark-square-out
            </div>
            <div class="code-name">.kfb-icon-checkmark-square-out
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-chevron-right-outlin"></span>
            <div class="name">
              chevron-right-outlin
            </div>
            <div class="code-name">.kfb-icon-chevron-right-outlin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-chevron-up-outline"></span>
            <div class="name">
              chevron-up-outline
            </div>
            <div class="code-name">.kfb-icon-chevron-up-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-chevron-left-outline"></span>
            <div class="name">
              chevron-left-outline
            </div>
            <div class="code-name">.kfb-icon-chevron-left-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-clipboard-outline"></span>
            <div class="name">
              clipboard-outline
            </div>
            <div class="code-name">.kfb-icon-clipboard-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-close-circle-outline"></span>
            <div class="name">
              close-circle-outline
            </div>
            <div class="code-name">.kfb-icon-close-circle-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-close-outline"></span>
            <div class="name">
              close-outline
            </div>
            <div class="code-name">.kfb-icon-close-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-close-square-outline"></span>
            <div class="name">
              close-square-outline
            </div>
            <div class="code-name">.kfb-icon-close-square-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-cloud-download-outli"></span>
            <div class="name">
              cloud-download-outli
            </div>
            <div class="code-name">.kfb-icon-cloud-download-outli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-code-download-outlin"></span>
            <div class="name">
              code-download-outlin
            </div>
            <div class="code-name">.kfb-icon-code-download-outlin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-cloud-upload-outline"></span>
            <div class="name">
              cloud-upload-outline
            </div>
            <div class="code-name">.kfb-icon-cloud-upload-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-code-outline"></span>
            <div class="name">
              code-outline
            </div>
            <div class="code-name">.kfb-icon-code-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-collapse-outline"></span>
            <div class="name">
              collapse-outline
            </div>
            <div class="code-name">.kfb-icon-collapse-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-clock-outline"></span>
            <div class="name">
              clock-outline
            </div>
            <div class="code-name">.kfb-icon-clock-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-color-palette-outlin"></span>
            <div class="name">
              color-palette-outlin
            </div>
            <div class="code-name">.kfb-icon-color-palette-outlin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-color-picker-outline"></span>
            <div class="name">
              color-picker-outline
            </div>
            <div class="code-name">.kfb-icon-color-picker-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-compass-outline"></span>
            <div class="name">
              compass-outline
            </div>
            <div class="code-name">.kfb-icon-compass-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-copy-outline"></span>
            <div class="name">
              copy-outline
            </div>
            <div class="code-name">.kfb-icon-copy-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-corner-down-left-out"></span>
            <div class="name">
              corner-down-left-out
            </div>
            <div class="code-name">.kfb-icon-corner-down-left-out
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-corner-left-down-out"></span>
            <div class="name">
              corner-left-down-out
            </div>
            <div class="code-name">.kfb-icon-corner-left-down-out
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-corner-right-down-ou"></span>
            <div class="name">
              corner-right-down-ou
            </div>
            <div class="code-name">.kfb-icon-corner-right-down-ou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-corner-right-up-outl"></span>
            <div class="name">
              corner-right-up-outl
            </div>
            <div class="code-name">.kfb-icon-corner-right-up-outl
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-corner-up-left-outli"></span>
            <div class="name">
              corner-up-left-outli
            </div>
            <div class="code-name">.kfb-icon-corner-up-left-outli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-corner-up-right-outl"></span>
            <div class="name">
              corner-up-right-outl
            </div>
            <div class="code-name">.kfb-icon-corner-up-right-outl
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-credit-card-outline"></span>
            <div class="name">
              credit-card-outline
            </div>
            <div class="code-name">.kfb-icon-credit-card-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-corner-left-up-outli"></span>
            <div class="name">
              corner-left-up-outli
            </div>
            <div class="code-name">.kfb-icon-corner-left-up-outli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-crop-outline"></span>
            <div class="name">
              crop-outline
            </div>
            <div class="code-name">.kfb-icon-crop-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-diagonal-arrow-left-"></span>
            <div class="name">
              diagonal-arrow-left-
            </div>
            <div class="code-name">.kfb-icon-diagonal-arrow-left-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-cube-outline"></span>
            <div class="name">
              cube-outline
            </div>
            <div class="code-name">.kfb-icon-cube-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-diagonal-arrow-left-1"></span>
            <div class="name">
              diagonal-arrow-left-
            </div>
            <div class="code-name">.kfb-icon-diagonal-arrow-left-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-diagonal-arrow-right"></span>
            <div class="name">
              diagonal-arrow-right
            </div>
            <div class="code-name">.kfb-icon-diagonal-arrow-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-diagonal-arrow-right1"></span>
            <div class="name">
              diagonal-arrow-right
            </div>
            <div class="code-name">.kfb-icon-diagonal-arrow-right1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-download-outline"></span>
            <div class="name">
              download-outline
            </div>
            <div class="code-name">.kfb-icon-download-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-done-all-outline"></span>
            <div class="name">
              done-all-outline
            </div>
            <div class="code-name">.kfb-icon-done-all-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-droplet-off-outline"></span>
            <div class="name">
              droplet-off-outline
            </div>
            <div class="code-name">.kfb-icon-droplet-off-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-droplet-outline"></span>
            <div class="name">
              droplet-outline
            </div>
            <div class="code-name">.kfb-icon-droplet-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-edit--outline"></span>
            <div class="name">
              edit-2-outline
            </div>
            <div class="code-name">.kfb-icon-edit--outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-edit-outline"></span>
            <div class="name">
              edit-outline
            </div>
            <div class="code-name">.kfb-icon-edit-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-email-outline"></span>
            <div class="name">
              email-outline
            </div>
            <div class="code-name">.kfb-icon-email-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-expand-outline"></span>
            <div class="name">
              expand-outline
            </div>
            <div class="code-name">.kfb-icon-expand-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-external-link-outlin"></span>
            <div class="name">
              external-link-outlin
            </div>
            <div class="code-name">.kfb-icon-external-link-outlin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-eye-off-outline"></span>
            <div class="name">
              eye-off-outline
            </div>
            <div class="code-name">.kfb-icon-eye-off-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-facebook-outline"></span>
            <div class="name">
              facebook-outline
            </div>
            <div class="code-name">.kfb-icon-facebook-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-eye-outline"></span>
            <div class="name">
              eye-outline
            </div>
            <div class="code-name">.kfb-icon-eye-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-file-add-outline"></span>
            <div class="name">
              file-add-outline
            </div>
            <div class="code-name">.kfb-icon-file-add-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-file-text-outline"></span>
            <div class="name">
              file-text-outline
            </div>
            <div class="code-name">.kfb-icon-file-text-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-file-remove-outline"></span>
            <div class="name">
              file-remove-outline
            </div>
            <div class="code-name">.kfb-icon-file-remove-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-file-outline"></span>
            <div class="name">
              file-outline
            </div>
            <div class="code-name">.kfb-icon-file-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-film-outline"></span>
            <div class="name">
              film-outline
            </div>
            <div class="code-name">.kfb-icon-film-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-corner-down-right-ou"></span>
            <div class="name">
              corner-down-right-ou
            </div>
            <div class="code-name">.kfb-icon-corner-down-right-ou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-eye-off--outline"></span>
            <div class="name">
              eye-off-2-outline
            </div>
            <div class="code-name">.kfb-icon-eye-off--outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-flag-outline"></span>
            <div class="name">
              flag-outline
            </div>
            <div class="code-name">.kfb-icon-flag-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-flash-off-outline"></span>
            <div class="name">
              flash-off-outline
            </div>
            <div class="code-name">.kfb-icon-flash-off-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-flip--outline"></span>
            <div class="name">
              flip-2-outline
            </div>
            <div class="code-name">.kfb-icon-flip--outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-folder-add-outline"></span>
            <div class="name">
              folder-add-outline
            </div>
            <div class="code-name">.kfb-icon-folder-add-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-flip-outline"></span>
            <div class="name">
              flip-outline
            </div>
            <div class="code-name">.kfb-icon-flip-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-flash-outline"></span>
            <div class="name">
              flash-outline
            </div>
            <div class="code-name">.kfb-icon-flash-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-funnel-outline"></span>
            <div class="name">
              funnel-outline
            </div>
            <div class="code-name">.kfb-icon-funnel-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-folder-remove-outlin"></span>
            <div class="name">
              folder-remove-outlin
            </div>
            <div class="code-name">.kfb-icon-folder-remove-outlin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-folder-outline"></span>
            <div class="name">
              folder-outline
            </div>
            <div class="code-name">.kfb-icon-folder-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-gift-outline"></span>
            <div class="name">
              gift-outline
            </div>
            <div class="code-name">.kfb-icon-gift-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-globe--outline"></span>
            <div class="name">
              globe-2-outline
            </div>
            <div class="code-name">.kfb-icon-globe--outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-github-outline"></span>
            <div class="name">
              github-outline
            </div>
            <div class="code-name">.kfb-icon-github-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-google-outline"></span>
            <div class="name">
              google-outline
            </div>
            <div class="code-name">.kfb-icon-google-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-globe-outline"></span>
            <div class="name">
              globe-outline
            </div>
            <div class="code-name">.kfb-icon-globe-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-grid-outline"></span>
            <div class="name">
              grid-outline
            </div>
            <div class="code-name">.kfb-icon-grid-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-hard-drive-outline"></span>
            <div class="name">
              hard-drive-outline
            </div>
            <div class="code-name">.kfb-icon-hard-drive-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-hash-outline"></span>
            <div class="name">
              hash-outline
            </div>
            <div class="code-name">.kfb-icon-hash-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-headphones-outline"></span>
            <div class="name">
              headphones-outline
            </div>
            <div class="code-name">.kfb-icon-headphones-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-home-outline"></span>
            <div class="name">
              home-outline
            </div>
            <div class="code-name">.kfb-icon-home-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-image-outline"></span>
            <div class="name">
              image-outline
            </div>
            <div class="code-name">.kfb-icon-image-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-heart-outline"></span>
            <div class="name">
              heart-outline
            </div>
            <div class="code-name">.kfb-icon-heart-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-inbox-outline"></span>
            <div class="name">
              inbox-outline
            </div>
            <div class="code-name">.kfb-icon-inbox-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-layers-outline"></span>
            <div class="name">
              layers-outline
            </div>
            <div class="code-name">.kfb-icon-layers-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-keypad-outline"></span>
            <div class="name">
              keypad-outline
            </div>
            <div class="code-name">.kfb-icon-keypad-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-layout-outline"></span>
            <div class="name">
              layout-outline
            </div>
            <div class="code-name">.kfb-icon-layout-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-link--outline"></span>
            <div class="name">
              link-2-outline
            </div>
            <div class="code-name">.kfb-icon-link--outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-link-outline"></span>
            <div class="name">
              link-outline
            </div>
            <div class="code-name">.kfb-icon-link-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-linkedin-outline"></span>
            <div class="name">
              linkedin-outline
            </div>
            <div class="code-name">.kfb-icon-linkedin-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-list-outline"></span>
            <div class="name">
              list-outline
            </div>
            <div class="code-name">.kfb-icon-list-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-log-in-outline"></span>
            <div class="name">
              log-in-outline
            </div>
            <div class="code-name">.kfb-icon-log-in-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-lock-outline"></span>
            <div class="name">
              lock-outline
            </div>
            <div class="code-name">.kfb-icon-lock-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-loader-outline"></span>
            <div class="name">
              loader-outline
            </div>
            <div class="code-name">.kfb-icon-loader-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-log-out-outline"></span>
            <div class="name">
              log-out-outline
            </div>
            <div class="code-name">.kfb-icon-log-out-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-map-outline"></span>
            <div class="name">
              map-outline
            </div>
            <div class="code-name">.kfb-icon-map-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-maximize-outline"></span>
            <div class="name">
              maximize-outline
            </div>
            <div class="code-name">.kfb-icon-maximize-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-menu-arrow-outline"></span>
            <div class="name">
              menu-arrow-outline
            </div>
            <div class="code-name">.kfb-icon-menu-arrow-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-menu--outline"></span>
            <div class="name">
              menu-2-outline
            </div>
            <div class="code-name">.kfb-icon-menu--outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-menu-outline"></span>
            <div class="name">
              menu-outline
            </div>
            <div class="code-name">.kfb-icon-menu-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-message-circle-outli"></span>
            <div class="name">
              message-circle-outli
            </div>
            <div class="code-name">.kfb-icon-message-circle-outli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-mic-outline"></span>
            <div class="name">
              mic-outline
            </div>
            <div class="code-name">.kfb-icon-mic-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-message-square-outli"></span>
            <div class="name">
              message-square-outli
            </div>
            <div class="code-name">.kfb-icon-message-square-outli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-mic-off-outline"></span>
            <div class="name">
              mic-off-outline
            </div>
            <div class="code-name">.kfb-icon-mic-off-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-info-outline"></span>
            <div class="name">
              info-outline
            </div>
            <div class="code-name">.kfb-icon-info-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-minimize-outline"></span>
            <div class="name">
              minimize-outline
            </div>
            <div class="code-name">.kfb-icon-minimize-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-minus-circle-outline"></span>
            <div class="name">
              minus-circle-outline
            </div>
            <div class="code-name">.kfb-icon-minus-circle-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-monitor-outline"></span>
            <div class="name">
              monitor-outline
            </div>
            <div class="code-name">.kfb-icon-monitor-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-moon-outline"></span>
            <div class="name">
              moon-outline
            </div>
            <div class="code-name">.kfb-icon-moon-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-minus-outline"></span>
            <div class="name">
              minus-outline
            </div>
            <div class="code-name">.kfb-icon-minus-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-minus-square-outline"></span>
            <div class="name">
              minus-square-outline
            </div>
            <div class="code-name">.kfb-icon-minus-square-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-more-horizontal-outl"></span>
            <div class="name">
              more-horizontal-outl
            </div>
            <div class="code-name">.kfb-icon-more-horizontal-outl
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-more-vertical-outlin"></span>
            <div class="name">
              more-vertical-outlin
            </div>
            <div class="code-name">.kfb-icon-more-vertical-outlin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-move-outline"></span>
            <div class="name">
              move-outline
            </div>
            <div class="code-name">.kfb-icon-move-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-navigation-outline"></span>
            <div class="name">
              navigation-outline
            </div>
            <div class="code-name">.kfb-icon-navigation-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-navigation--outline"></span>
            <div class="name">
              navigation-2-outline
            </div>
            <div class="code-name">.kfb-icon-navigation--outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-music-outline"></span>
            <div class="name">
              music-outline
            </div>
            <div class="code-name">.kfb-icon-music-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-options--outline"></span>
            <div class="name">
              options-2-outline
            </div>
            <div class="code-name">.kfb-icon-options--outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-npm-outline"></span>
            <div class="name">
              npm-outline
            </div>
            <div class="code-name">.kfb-icon-npm-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-options-outline"></span>
            <div class="name">
              options-outline
            </div>
            <div class="code-name">.kfb-icon-options-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-pantone-outline"></span>
            <div class="name">
              pantone-outline
            </div>
            <div class="code-name">.kfb-icon-pantone-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-paper-plane-outline"></span>
            <div class="name">
              paper-plane-outline
            </div>
            <div class="code-name">.kfb-icon-paper-plane-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-pause-circle-outline"></span>
            <div class="name">
              pause-circle-outline
            </div>
            <div class="code-name">.kfb-icon-pause-circle-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-percent-outline"></span>
            <div class="name">
              percent-outline
            </div>
            <div class="code-name">.kfb-icon-percent-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-people-outline"></span>
            <div class="name">
              people-outline
            </div>
            <div class="code-name">.kfb-icon-people-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-person-add-outline"></span>
            <div class="name">
              person-add-outline
            </div>
            <div class="code-name">.kfb-icon-person-add-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-person-done-outline"></span>
            <div class="name">
              person-done-outline
            </div>
            <div class="code-name">.kfb-icon-person-done-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-person-delete-outlin"></span>
            <div class="name">
              person-delete-outlin
            </div>
            <div class="code-name">.kfb-icon-person-delete-outlin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-person-outline"></span>
            <div class="name">
              person-outline
            </div>
            <div class="code-name">.kfb-icon-person-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-person-remove-outlin"></span>
            <div class="name">
              person-remove-outlin
            </div>
            <div class="code-name">.kfb-icon-person-remove-outlin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-phone-call-outline"></span>
            <div class="name">
              phone-call-outline
            </div>
            <div class="code-name">.kfb-icon-phone-call-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-phone-missed-outline"></span>
            <div class="name">
              phone-missed-outline
            </div>
            <div class="code-name">.kfb-icon-phone-missed-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-phone-outline"></span>
            <div class="name">
              phone-outline
            </div>
            <div class="code-name">.kfb-icon-phone-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-phone-off-outline"></span>
            <div class="name">
              phone-off-outline
            </div>
            <div class="code-name">.kfb-icon-phone-off-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-pie-chart-outline"></span>
            <div class="name">
              pie-chart-outline
            </div>
            <div class="code-name">.kfb-icon-pie-chart-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-play-circle-outline"></span>
            <div class="name">
              play-circle-outline
            </div>
            <div class="code-name">.kfb-icon-play-circle-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-plus-circle-outline"></span>
            <div class="name">
              plus-circle-outline
            </div>
            <div class="code-name">.kfb-icon-plus-circle-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-pin-outline"></span>
            <div class="name">
              pin-outline
            </div>
            <div class="code-name">.kfb-icon-pin-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-plus-square-outline"></span>
            <div class="name">
              plus-square-outline
            </div>
            <div class="code-name">.kfb-icon-plus-square-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-power-outline"></span>
            <div class="name">
              power-outline
            </div>
            <div class="code-name">.kfb-icon-power-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-pricetags-outline"></span>
            <div class="name">
              pricetags-outline
            </div>
            <div class="code-name">.kfb-icon-pricetags-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-plus-outline"></span>
            <div class="name">
              plus-outline
            </div>
            <div class="code-name">.kfb-icon-plus-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-question-mark-circle"></span>
            <div class="name">
              question-mark-circle
            </div>
            <div class="code-name">.kfb-icon-question-mark-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-printer-outline"></span>
            <div class="name">
              printer-outline
            </div>
            <div class="code-name">.kfb-icon-printer-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-question-mark-outlin"></span>
            <div class="name">
              question-mark-outlin
            </div>
            <div class="code-name">.kfb-icon-question-mark-outlin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-radio-button-off-out"></span>
            <div class="name">
              radio-button-off-out
            </div>
            <div class="code-name">.kfb-icon-radio-button-off-out
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-radio-button-on-outl"></span>
            <div class="name">
              radio-button-on-outl
            </div>
            <div class="code-name">.kfb-icon-radio-button-on-outl
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-recording-outline"></span>
            <div class="name">
              recording-outline
            </div>
            <div class="code-name">.kfb-icon-recording-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-refresh-outline"></span>
            <div class="name">
              refresh-outline
            </div>
            <div class="code-name">.kfb-icon-refresh-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-repeat-outline"></span>
            <div class="name">
              repeat-outline
            </div>
            <div class="code-name">.kfb-icon-repeat-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-rewind-left-outline"></span>
            <div class="name">
              rewind-left-outline
            </div>
            <div class="code-name">.kfb-icon-rewind-left-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-save-outline"></span>
            <div class="name">
              save-outline
            </div>
            <div class="code-name">.kfb-icon-save-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-rewind-right-outline"></span>
            <div class="name">
              rewind-right-outline
            </div>
            <div class="code-name">.kfb-icon-rewind-right-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-scissors-outline"></span>
            <div class="name">
              scissors-outline
            </div>
            <div class="code-name">.kfb-icon-scissors-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-radio-outline"></span>
            <div class="name">
              radio-outline
            </div>
            <div class="code-name">.kfb-icon-radio-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-search-outline"></span>
            <div class="name">
              search-outline
            </div>
            <div class="code-name">.kfb-icon-search-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-settings--outline"></span>
            <div class="name">
              settings-2-outline
            </div>
            <div class="code-name">.kfb-icon-settings--outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-shake-outline"></span>
            <div class="name">
              shake-outline
            </div>
            <div class="code-name">.kfb-icon-shake-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-share-outline"></span>
            <div class="name">
              share-outline
            </div>
            <div class="code-name">.kfb-icon-share-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-settings-outline"></span>
            <div class="name">
              settings-outline
            </div>
            <div class="code-name">.kfb-icon-settings-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-shield-off-outline"></span>
            <div class="name">
              shield-off-outline
            </div>
            <div class="code-name">.kfb-icon-shield-off-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-shield-outline"></span>
            <div class="name">
              shield-outline
            </div>
            <div class="code-name">.kfb-icon-shield-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-shopping-bag-outline"></span>
            <div class="name">
              shopping-bag-outline
            </div>
            <div class="code-name">.kfb-icon-shopping-bag-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-shuffle--outline"></span>
            <div class="name">
              shuffle-2-outline
            </div>
            <div class="code-name">.kfb-icon-shuffle--outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-shopping-cart-outlin"></span>
            <div class="name">
              shopping-cart-outlin
            </div>
            <div class="code-name">.kfb-icon-shopping-cart-outlin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-skip-back-outline"></span>
            <div class="name">
              skip-back-outline
            </div>
            <div class="code-name">.kfb-icon-skip-back-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-skip-forward-outline"></span>
            <div class="name">
              skip-forward-outline
            </div>
            <div class="code-name">.kfb-icon-skip-forward-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-shuffle-outline"></span>
            <div class="name">
              shuffle-outline
            </div>
            <div class="code-name">.kfb-icon-shuffle-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-slash-outline"></span>
            <div class="name">
              slash-outline
            </div>
            <div class="code-name">.kfb-icon-slash-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-smartphone-outline"></span>
            <div class="name">
              smartphone-outline
            </div>
            <div class="code-name">.kfb-icon-smartphone-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-square-outline"></span>
            <div class="name">
              square-outline
            </div>
            <div class="code-name">.kfb-icon-square-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-speaker-outline"></span>
            <div class="name">
              speaker-outline
            </div>
            <div class="code-name">.kfb-icon-speaker-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-stop-circle-outline"></span>
            <div class="name">
              stop-circle-outline
            </div>
            <div class="code-name">.kfb-icon-stop-circle-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-star-outline"></span>
            <div class="name">
              star-outline
            </div>
            <div class="code-name">.kfb-icon-star-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-sun-outline"></span>
            <div class="name">
              sun-outline
            </div>
            <div class="code-name">.kfb-icon-sun-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-text-outline"></span>
            <div class="name">
              text-outline
            </div>
            <div class="code-name">.kfb-icon-text-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-thermometer-outline"></span>
            <div class="name">
              thermometer-outline
            </div>
            <div class="code-name">.kfb-icon-thermometer-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-sync-outline"></span>
            <div class="name">
              sync-outline
            </div>
            <div class="code-name">.kfb-icon-sync-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-swap-outline"></span>
            <div class="name">
              swap-outline
            </div>
            <div class="code-name">.kfb-icon-swap-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-thermometer-minus-ou"></span>
            <div class="name">
              thermometer-minus-ou
            </div>
            <div class="code-name">.kfb-icon-thermometer-minus-ou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-thermometer-plus-out"></span>
            <div class="name">
              thermometer-plus-out
            </div>
            <div class="code-name">.kfb-icon-thermometer-plus-out
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-toggle-left-outline"></span>
            <div class="name">
              toggle-left-outline
            </div>
            <div class="code-name">.kfb-icon-toggle-left-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-trash--outline"></span>
            <div class="name">
              trash-2-outline
            </div>
            <div class="code-name">.kfb-icon-trash--outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-toggle-right-outline"></span>
            <div class="name">
              toggle-right-outline
            </div>
            <div class="code-name">.kfb-icon-toggle-right-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-trash-outline"></span>
            <div class="name">
              trash-outline
            </div>
            <div class="code-name">.kfb-icon-trash-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-trending-down-outlin"></span>
            <div class="name">
              trending-down-outlin
            </div>
            <div class="code-name">.kfb-icon-trending-down-outlin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-tv-outline"></span>
            <div class="name">
              tv-outline
            </div>
            <div class="code-name">.kfb-icon-tv-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-trending-up-outline"></span>
            <div class="name">
              trending-up-outline
            </div>
            <div class="code-name">.kfb-icon-trending-up-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-umbrella-outline"></span>
            <div class="name">
              umbrella-outline
            </div>
            <div class="code-name">.kfb-icon-umbrella-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-twitter-outline"></span>
            <div class="name">
              twitter-outline
            </div>
            <div class="code-name">.kfb-icon-twitter-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-unlock-outline"></span>
            <div class="name">
              unlock-outline
            </div>
            <div class="code-name">.kfb-icon-unlock-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-undo-outline"></span>
            <div class="name">
              undo-outline
            </div>
            <div class="code-name">.kfb-icon-undo-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-upload-outline"></span>
            <div class="name">
              upload-outline
            </div>
            <div class="code-name">.kfb-icon-upload-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-video-outline"></span>
            <div class="name">
              video-outline
            </div>
            <div class="code-name">.kfb-icon-video-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-video-off-outline"></span>
            <div class="name">
              video-off-outline
            </div>
            <div class="code-name">.kfb-icon-video-off-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-volume-down-outline"></span>
            <div class="name">
              volume-down-outline
            </div>
            <div class="code-name">.kfb-icon-volume-down-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-volume-mute-outline"></span>
            <div class="name">
              volume-mute-outline
            </div>
            <div class="code-name">.kfb-icon-volume-mute-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-volume-up-outline"></span>
            <div class="name">
              volume-up-outline
            </div>
            <div class="code-name">.kfb-icon-volume-up-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-wifi-outline"></span>
            <div class="name">
              wifi-outline
            </div>
            <div class="code-name">.kfb-icon-wifi-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-wifi-off-outline"></span>
            <div class="name">
              wifi-off-outline
            </div>
            <div class="code-name">.kfb-icon-wifi-off-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-volume-off-outline"></span>
            <div class="name">
              volume-off-outline
            </div>
            <div class="code-name">.kfb-icon-volume-off-outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-duibi"></span>
            <div class="name">
              对比
            </div>
            <div class="code-name">.kfb-icon-duibi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-zhuzhuangtu"></span>
            <div class="name">
              柱状图
            </div>
            <div class="code-name">.kfb-icon-zhuzhuangtu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-heatmap"></span>
            <div class="name">
              heatmap
            </div>
            <div class="code-name">.kfb-icon-heatmap
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-yizhangtu"></span>
            <div class="name">
              一张图
            </div>
            <div class="code-name">.kfb-icon-yizhangtu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont kfb-icon-zhexiantu"></span>
            <div class="name">
              折线图
            </div>
            <div class="code-name">.kfb-icon-zhexiantu
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont kfb-icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-mianjiceliang"></use>
                </svg>
                <div class="name">面积测量</div>
                <div class="code-name">#kfb-icon-mianjiceliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-jiaoduceliang"></use>
                </svg>
                <div class="name">角度测量</div>
                <div class="code-name">#kfb-icon-jiaoduceliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-liebiaoxingshi"></use>
                </svg>
                <div class="name">列表形式</div>
                <div class="code-name">#kfb-icon-liebiaoxingshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-leimu"></use>
                </svg>
                <div class="name">类目</div>
                <div class="code-name">#kfb-icon-leimu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-area"></use>
                </svg>
                <div class="name">area</div>
                <div class="code-name">#kfb-icon-area</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-caidan"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#kfb-icon-caidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-celiang1"></use>
                </svg>
                <div class="name">测量</div>
                <div class="code-name">#kfb-icon-celiang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-length"></use>
                </svg>
                <div class="name">length</div>
                <div class="code-name">#kfb-icon-length</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-celiang"></use>
                </svg>
                <div class="name">测量</div>
                <div class="code-name">#kfb-icon-celiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-shuju"></use>
                </svg>
                <div class="name">数据</div>
                <div class="code-name">#kfb-icon-shuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-juliceliang"></use>
                </svg>
                <div class="name">距离测量</div>
                <div class="code-name">#kfb-icon-juliceliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-kongjianjuliceliang"></use>
                </svg>
                <div class="name">距离测量</div>
                <div class="code-name">#kfb-icon-kongjianjuliceliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-mianjiceliang1"></use>
                </svg>
                <div class="name">面积测量</div>
                <div class="code-name">#kfb-icon-mianjiceliang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-tielupohuai"></use>
                </svg>
                <div class="name">铁路破坏</div>
                <div class="code-name">#kfb-icon-tielupohuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-dapingzhanshi"></use>
                </svg>
                <div class="name">大屏展示</div>
                <div class="code-name">#kfb-icon-dapingzhanshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-celiang2"></use>
                </svg>
                <div class="name">测量</div>
                <div class="code-name">#kfb-icon-celiang2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-yingyongguanli"></use>
                </svg>
                <div class="name">应用管理</div>
                <div class="code-name">#kfb-icon-yingyongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-weihu-copy"></use>
                </svg>
                <div class="name">维护</div>
                <div class="code-name">#kfb-icon-weihu-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-celiang3"></use>
                </svg>
                <div class="name">测量</div>
                <div class="code-name">#kfb-icon-celiang3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon_yingyongguanli"></use>
                </svg>
                <div class="name">icon_应用管理</div>
                <div class="code-name">#kfb-icon-icon_yingyongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-juli1"></use>
                </svg>
                <div class="name">距离</div>
                <div class="code-name">#kfb-icon-juli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-celiangmianji"></use>
                </svg>
                <div class="name">测量面积</div>
                <div class="code-name">#kfb-icon-celiangmianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-juli2"></use>
                </svg>
                <div class="name">距离</div>
                <div class="code-name">#kfb-icon-juli2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-xunchafanwei"></use>
                </svg>
                <div class="name">巡查范围</div>
                <div class="code-name">#kfb-icon-xunchafanwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-daohang_o"></use>
                </svg>
                <div class="name">导航_o</div>
                <div class="code-name">#kfb-icon-daohang_o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-mianji"></use>
                </svg>
                <div class="name">面积</div>
                <div class="code-name">#kfb-icon-mianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-dingwei"></use>
                </svg>
                <div class="name">定位</div>
                <div class="code-name">#kfb-icon-dingwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-liangchi"></use>
                </svg>
                <div class="name">量尺</div>
                <div class="code-name">#kfb-icon-liangchi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-bingzhuangtu1"></use>
                </svg>
                <div class="name">饼状图 (1)</div>
                <div class="code-name">#kfb-icon-bingzhuangtu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-yaogan"></use>
                </svg>
                <div class="name">遥感</div>
                <div class="code-name">#kfb-icon-yaogan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-xiaochengxutubiaoguilei-"></use>
                </svg>
                <div class="name">量尺</div>
                <div class="code-name">#kfb-icon-xiaochengxutubiaoguilei-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-cluster"></use>
                </svg>
                <div class="name">cluster</div>
                <div class="code-name">#kfb-icon-cluster</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-licheng"></use>
                </svg>
                <div class="name">里程</div>
                <div class="code-name">#kfb-icon-licheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-celiang4"></use>
                </svg>
                <div class="name">测量2</div>
                <div class="code-name">#kfb-icon-celiang4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-compared"></use>
                </svg>
                <div class="name">对比</div>
                <div class="code-name">#kfb-icon-compared</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-cunchu"></use>
                </svg>
                <div class="name">存储</div>
                <div class="code-name">#kfb-icon-cunchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-bianji2"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#kfb-icon-bianji2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-fuwu"></use>
                </svg>
                <div class="name">服务</div>
                <div class="code-name">#kfb-icon-fuwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-cunchujuan"></use>
                </svg>
                <div class="name">存储卷</div>
                <div class="code-name">#kfb-icon-cunchujuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-dengdai"></use>
                </svg>
                <div class="name">等待</div>
                <div class="code-name">#kfb-icon-dengdai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-fuzaijunheng"></use>
                </svg>
                <div class="name">负载均衡</div>
                <div class="code-name">#kfb-icon-fuzaijunheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-gailan"></use>
                </svg>
                <div class="name">概览</div>
                <div class="code-name">#kfb-icon-gailan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-gongchengguanli"></use>
                </svg>
                <div class="name">工程管理</div>
                <div class="code-name">#kfb-icon-gongchengguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-gonggao"></use>
                </svg>
                <div class="name">公告</div>
                <div class="code-name">#kfb-icon-gonggao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-gongdan"></use>
                </svg>
                <div class="name">工单</div>
                <div class="code-name">#kfb-icon-gongdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-gaojing"></use>
                </svg>
                <div class="name">告警</div>
                <div class="code-name">#kfb-icon-gaojing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-huaban"></use>
                </svg>
                <div class="name">画板 37</div>
                <div class="code-name">#kfb-icon-huaban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-huaban1"></use>
                </svg>
                <div class="name">下线</div>
                <div class="code-name">#kfb-icon-huaban1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-jiankong"></use>
                </svg>
                <div class="name">监控</div>
                <div class="code-name">#kfb-icon-jiankong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-huifubeifen"></use>
                </svg>
                <div class="name">恢复备份</div>
                <div class="code-name">#kfb-icon-huifubeifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-jianqu"></use>
                </svg>
                <div class="name">减去</div>
                <div class="code-name">#kfb-icon-jianqu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-jinggao"></use>
                </svg>
                <div class="name">警告</div>
                <div class="code-name">#kfb-icon-jinggao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-jingxiang"></use>
                </svg>
                <div class="name">镜像</div>
                <div class="code-name">#kfb-icon-jingxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-quxiao"></use>
                </svg>
                <div class="name">取消</div>
                <div class="code-name">#kfb-icon-quxiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-neicun"></use>
                </svg>
                <div class="name">内存</div>
                <div class="code-name">#kfb-icon-neicun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-queding"></use>
                </svg>
                <div class="name">确定</div>
                <div class="code-name">#kfb-icon-queding</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-rongliangguanli"></use>
                </svg>
                <div class="name">容量管理</div>
                <div class="code-name">#kfb-icon-rongliangguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-shanchu1"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#kfb-icon-shanchu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-rizhi"></use>
                </svg>
                <div class="name">日志</div>
                <div class="code-name">#kfb-icon-rizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-shangxian"></use>
                </svg>
                <div class="name">上线</div>
                <div class="code-name">#kfb-icon-shangxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-shouqi"></use>
                </svg>
                <div class="name">收起</div>
                <div class="code-name">#kfb-icon-shouqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-tianjia1"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#kfb-icon-tianjia1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-tishi"></use>
                </svg>
                <div class="name">提示</div>
                <div class="code-name">#kfb-icon-tishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-waicengfanghuoqiang"></use>
                </svg>
                <div class="name">外层防火墙</div>
                <div class="code-name">#kfb-icon-waicengfanghuoqiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-wangluo"></use>
                </svg>
                <div class="name">网络</div>
                <div class="code-name">#kfb-icon-wangluo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-wenjian"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#kfb-icon-wenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-xiangyou1"></use>
                </svg>
                <div class="name">向右</div>
                <div class="code-name">#kfb-icon-xiangyou1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-wenjianjiazhankai"></use>
                </svg>
                <div class="name">文件夹展开</div>
                <div class="code-name">#kfb-icon-wenjianjiazhankai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-xiangyoufanye"></use>
                </svg>
                <div class="name">向右翻页</div>
                <div class="code-name">#kfb-icon-xiangyoufanye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-wenjianjia-shouqi"></use>
                </svg>
                <div class="name">文件夹-收起</div>
                <div class="code-name">#kfb-icon-wenjianjia-shouqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-xiangzuo1"></use>
                </svg>
                <div class="name">向左</div>
                <div class="code-name">#kfb-icon-xiangzuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-xiangzuofanye"></use>
                </svg>
                <div class="name">向左翻页</div>
                <div class="code-name">#kfb-icon-xiangzuofanye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-yewuxitong"></use>
                </svg>
                <div class="name">业务系统</div>
                <div class="code-name">#kfb-icon-yewuxitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-xiaoxi"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#kfb-icon-xiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-yingyong"></use>
                </svg>
                <div class="name">应用</div>
                <div class="code-name">#kfb-icon-yingyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-yonghuguanli"></use>
                </svg>
                <div class="name">用户管理</div>
                <div class="code-name">#kfb-icon-yonghuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-shangchuan"></use>
                </svg>
                <div class="name">上传</div>
                <div class="code-name">#kfb-icon-shangchuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-yunyingliucheng"></use>
                </svg>
                <div class="name">运营流程</div>
                <div class="code-name">#kfb-icon-yunyingliucheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-yunyingfenxi"></use>
                </svg>
                <div class="name">运营分析</div>
                <div class="code-name">#kfb-icon-yunyingfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-zhankai"></use>
                </svg>
                <div class="name">展开</div>
                <div class="code-name">#kfb-icon-zhankai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-zanting"></use>
                </svg>
                <div class="name">暂停</div>
                <div class="code-name">#kfb-icon-zanting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-zhongzhi"></use>
                </svg>
                <div class="name">终止</div>
                <div class="code-name">#kfb-icon-zhongzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-ziyuanchi"></use>
                </svg>
                <div class="name">资源池</div>
                <div class="code-name">#kfb-icon-ziyuanchi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-ziyuanguanli"></use>
                </svg>
                <div class="name">资源管理</div>
                <div class="code-name">#kfb-icon-ziyuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-zhongjianjian"></use>
                </svg>
                <div class="name">中间件</div>
                <div class="code-name">#kfb-icon-zhongjianjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-ziyuanfenxi"></use>
                </svg>
                <div class="name">资源分析</div>
                <div class="code-name">#kfb-icon-ziyuanfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test"></use>
                </svg>
                <div class="name">3</div>
                <div class="code-name">#kfb-icon-icon-test</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test1"></use>
                </svg>
                <div class="name">2</div>
                <div class="code-name">#kfb-icon-icon-test1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test2"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#kfb-icon-icon-test2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test3"></use>
                </svg>
                <div class="name">6</div>
                <div class="code-name">#kfb-icon-icon-test3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test4"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#kfb-icon-icon-test4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test5"></use>
                </svg>
                <div class="name">5</div>
                <div class="code-name">#kfb-icon-icon-test5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test6"></use>
                </svg>
                <div class="name">8</div>
                <div class="code-name">#kfb-icon-icon-test6</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test7"></use>
                </svg>
                <div class="name">7</div>
                <div class="code-name">#kfb-icon-icon-test7</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test8"></use>
                </svg>
                <div class="name">10</div>
                <div class="code-name">#kfb-icon-icon-test8</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test9"></use>
                </svg>
                <div class="name">日历</div>
                <div class="code-name">#kfb-icon-icon-test9</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test10"></use>
                </svg>
                <div class="name">9</div>
                <div class="code-name">#kfb-icon-icon-test10</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test11"></use>
                </svg>
                <div class="name">11</div>
                <div class="code-name">#kfb-icon-icon-test11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test12"></use>
                </svg>
                <div class="name">15</div>
                <div class="code-name">#kfb-icon-icon-test12</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test13"></use>
                </svg>
                <div class="name">14</div>
                <div class="code-name">#kfb-icon-icon-test13</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test14"></use>
                </svg>
                <div class="name">16</div>
                <div class="code-name">#kfb-icon-icon-test14</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test15"></use>
                </svg>
                <div class="name">13</div>
                <div class="code-name">#kfb-icon-icon-test15</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test16"></use>
                </svg>
                <div class="name">17</div>
                <div class="code-name">#kfb-icon-icon-test16</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test17"></use>
                </svg>
                <div class="name">18</div>
                <div class="code-name">#kfb-icon-icon-test17</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test18"></use>
                </svg>
                <div class="name">19</div>
                <div class="code-name">#kfb-icon-icon-test18</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test19"></use>
                </svg>
                <div class="name">21</div>
                <div class="code-name">#kfb-icon-icon-test19</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test20"></use>
                </svg>
                <div class="name">22</div>
                <div class="code-name">#kfb-icon-icon-test20</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test21"></use>
                </svg>
                <div class="name">23</div>
                <div class="code-name">#kfb-icon-icon-test21</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test22"></use>
                </svg>
                <div class="name">24</div>
                <div class="code-name">#kfb-icon-icon-test22</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test23"></use>
                </svg>
                <div class="name">26</div>
                <div class="code-name">#kfb-icon-icon-test23</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test24"></use>
                </svg>
                <div class="name">20</div>
                <div class="code-name">#kfb-icon-icon-test24</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test25"></use>
                </svg>
                <div class="name">27</div>
                <div class="code-name">#kfb-icon-icon-test25</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test26"></use>
                </svg>
                <div class="name">25</div>
                <div class="code-name">#kfb-icon-icon-test26</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test27"></use>
                </svg>
                <div class="name">28</div>
                <div class="code-name">#kfb-icon-icon-test27</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test28"></use>
                </svg>
                <div class="name">30</div>
                <div class="code-name">#kfb-icon-icon-test28</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test29"></use>
                </svg>
                <div class="name">29</div>
                <div class="code-name">#kfb-icon-icon-test29</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test30"></use>
                </svg>
                <div class="name">31</div>
                <div class="code-name">#kfb-icon-icon-test30</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test31"></use>
                </svg>
                <div class="name">32</div>
                <div class="code-name">#kfb-icon-icon-test31</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test32"></use>
                </svg>
                <div class="name">34</div>
                <div class="code-name">#kfb-icon-icon-test32</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test33"></use>
                </svg>
                <div class="name">33</div>
                <div class="code-name">#kfb-icon-icon-test33</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test34"></use>
                </svg>
                <div class="name">保存</div>
                <div class="code-name">#kfb-icon-icon-test34</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test35"></use>
                </svg>
                <div class="name">灯泡</div>
                <div class="code-name">#kfb-icon-icon-test35</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test36"></use>
                </svg>
                <div class="name">37</div>
                <div class="code-name">#kfb-icon-icon-test36</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test37"></use>
                </svg>
                <div class="name">38</div>
                <div class="code-name">#kfb-icon-icon-test37</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test38"></use>
                </svg>
                <div class="name">39</div>
                <div class="code-name">#kfb-icon-icon-test38</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test39"></use>
                </svg>
                <div class="name">40</div>
                <div class="code-name">#kfb-icon-icon-test39</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test40"></use>
                </svg>
                <div class="name">42</div>
                <div class="code-name">#kfb-icon-icon-test40</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test41"></use>
                </svg>
                <div class="name">41</div>
                <div class="code-name">#kfb-icon-icon-test41</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test42"></use>
                </svg>
                <div class="name">43</div>
                <div class="code-name">#kfb-icon-icon-test42</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test43"></use>
                </svg>
                <div class="name">44</div>
                <div class="code-name">#kfb-icon-icon-test43</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test44"></use>
                </svg>
                <div class="name">45</div>
                <div class="code-name">#kfb-icon-icon-test44</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test45"></use>
                </svg>
                <div class="name">46</div>
                <div class="code-name">#kfb-icon-icon-test45</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test46"></use>
                </svg>
                <div class="name">47</div>
                <div class="code-name">#kfb-icon-icon-test46</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test47"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#kfb-icon-icon-test47</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test48"></use>
                </svg>
                <div class="name">50</div>
                <div class="code-name">#kfb-icon-icon-test48</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test49"></use>
                </svg>
                <div class="name">51</div>
                <div class="code-name">#kfb-icon-icon-test49</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test50"></use>
                </svg>
                <div class="name">52</div>
                <div class="code-name">#kfb-icon-icon-test50</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test51"></use>
                </svg>
                <div class="name">48</div>
                <div class="code-name">#kfb-icon-icon-test51</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test52"></use>
                </svg>
                <div class="name">53</div>
                <div class="code-name">#kfb-icon-icon-test52</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test53"></use>
                </svg>
                <div class="name">54</div>
                <div class="code-name">#kfb-icon-icon-test53</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test54"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#kfb-icon-icon-test54</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test55"></use>
                </svg>
                <div class="name">56</div>
                <div class="code-name">#kfb-icon-icon-test55</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test56"></use>
                </svg>
                <div class="name">57</div>
                <div class="code-name">#kfb-icon-icon-test56</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test57"></use>
                </svg>
                <div class="name">58</div>
                <div class="code-name">#kfb-icon-icon-test57</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test58"></use>
                </svg>
                <div class="name">59</div>
                <div class="code-name">#kfb-icon-icon-test58</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test59"></use>
                </svg>
                <div class="name">60</div>
                <div class="code-name">#kfb-icon-icon-test59</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test60"></use>
                </svg>
                <div class="name">61</div>
                <div class="code-name">#kfb-icon-icon-test60</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test61"></use>
                </svg>
                <div class="name">62</div>
                <div class="code-name">#kfb-icon-icon-test61</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test62"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#kfb-icon-icon-test62</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test63"></use>
                </svg>
                <div class="name">64</div>
                <div class="code-name">#kfb-icon-icon-test63</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test64"></use>
                </svg>
                <div class="name">65</div>
                <div class="code-name">#kfb-icon-icon-test64</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test65"></use>
                </svg>
                <div class="name">67</div>
                <div class="code-name">#kfb-icon-icon-test65</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test66"></use>
                </svg>
                <div class="name">66</div>
                <div class="code-name">#kfb-icon-icon-test66</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test67"></use>
                </svg>
                <div class="name">68</div>
                <div class="code-name">#kfb-icon-icon-test67</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test68"></use>
                </svg>
                <div class="name">69</div>
                <div class="code-name">#kfb-icon-icon-test68</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test69"></use>
                </svg>
                <div class="name">70</div>
                <div class="code-name">#kfb-icon-icon-test69</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test70"></use>
                </svg>
                <div class="name">71</div>
                <div class="code-name">#kfb-icon-icon-test70</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test71"></use>
                </svg>
                <div class="name">72</div>
                <div class="code-name">#kfb-icon-icon-test71</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test72"></use>
                </svg>
                <div class="name">73</div>
                <div class="code-name">#kfb-icon-icon-test72</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test73"></use>
                </svg>
                <div class="name">74</div>
                <div class="code-name">#kfb-icon-icon-test73</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test74"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#kfb-icon-icon-test74</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test75"></use>
                </svg>
                <div class="name">76</div>
                <div class="code-name">#kfb-icon-icon-test75</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test76"></use>
                </svg>
                <div class="name">77</div>
                <div class="code-name">#kfb-icon-icon-test76</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test77"></use>
                </svg>
                <div class="name">78</div>
                <div class="code-name">#kfb-icon-icon-test77</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test78"></use>
                </svg>
                <div class="name">79</div>
                <div class="code-name">#kfb-icon-icon-test78</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test79"></use>
                </svg>
                <div class="name">80</div>
                <div class="code-name">#kfb-icon-icon-test79</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test80"></use>
                </svg>
                <div class="name">81</div>
                <div class="code-name">#kfb-icon-icon-test80</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test81"></use>
                </svg>
                <div class="name">82</div>
                <div class="code-name">#kfb-icon-icon-test81</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test82"></use>
                </svg>
                <div class="name">83</div>
                <div class="code-name">#kfb-icon-icon-test82</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test83"></use>
                </svg>
                <div class="name">84</div>
                <div class="code-name">#kfb-icon-icon-test83</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test84"></use>
                </svg>
                <div class="name">85</div>
                <div class="code-name">#kfb-icon-icon-test84</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test85"></use>
                </svg>
                <div class="name">86</div>
                <div class="code-name">#kfb-icon-icon-test85</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test86"></use>
                </svg>
                <div class="name">87</div>
                <div class="code-name">#kfb-icon-icon-test86</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test87"></use>
                </svg>
                <div class="name">89</div>
                <div class="code-name">#kfb-icon-icon-test87</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test88"></use>
                </svg>
                <div class="name">88</div>
                <div class="code-name">#kfb-icon-icon-test88</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-icon-test89"></use>
                </svg>
                <div class="name">90</div>
                <div class="code-name">#kfb-icon-icon-test89</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-mianji1"></use>
                </svg>
                <div class="name">面积</div>
                <div class="code-name">#kfb-icon-mianji1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-shijianzhou-blue"></use>
                </svg>
                <div class="name">时间轴</div>
                <div class="code-name">#kfb-icon-shijianzhou-blue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-lichengjisuanzuobiao"></use>
                </svg>
                <div class="name">里程计算坐标</div>
                <div class="code-name">#kfb-icon-lichengjisuanzuobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-zuobiaofansuanlicheng"></use>
                </svg>
                <div class="name">坐标反算里程</div>
                <div class="code-name">#kfb-icon-zuobiaofansuanlicheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-baocun"></use>
                </svg>
                <div class="name">保存</div>
                <div class="code-name">#kfb-icon-baocun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-bianji"></use>
                </svg>
                <div class="name">编辑2</div>
                <div class="code-name">#kfb-icon-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-bianji1"></use>
                </svg>
                <div class="name">编辑1</div>
                <div class="code-name">#kfb-icon-bianji1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-cuowushixin"></use>
                </svg>
                <div class="name">错误实心</div>
                <div class="code-name">#kfb-icon-cuowushixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-biyanbukejian"></use>
                </svg>
                <div class="name">闭眼／不可见</div>
                <div class="code-name">#kfb-icon-biyanbukejian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-cuo"></use>
                </svg>
                <div class="name">错</div>
                <div class="code-name">#kfb-icon-cuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-dayin"></use>
                </svg>
                <div class="name">打印</div>
                <div class="code-name">#kfb-icon-dayin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-gantanhaoshixin"></use>
                </svg>
                <div class="name">感叹号实心</div>
                <div class="code-name">#kfb-icon-gantanhaoshixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-guanbi"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#kfb-icon-guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-gantanhaokongxin"></use>
                </svg>
                <div class="name">感叹号空心</div>
                <div class="code-name">#kfb-icon-gantanhaokongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-jianshao"></use>
                </svg>
                <div class="name">减少</div>
                <div class="code-name">#kfb-icon-jianshao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-dui"></use>
                </svg>
                <div class="name">对</div>
                <div class="code-name">#kfb-icon-dui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-jiesuo"></use>
                </svg>
                <div class="name">解锁</div>
                <div class="code-name">#kfb-icon-jiesuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-jiaoyiguanli"></use>
                </svg>
                <div class="name">交易管理</div>
                <div class="code-name">#kfb-icon-jiaoyiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#kfb-icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-kehuxinxiliebiao"></use>
                </svg>
                <div class="name">客户信息列表</div>
                <div class="code-name">#kfb-icon-kehuxinxiliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-lajitong"></use>
                </svg>
                <div class="name">垃圾桶</div>
                <div class="code-name">#kfb-icon-lajitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-rili"></use>
                </svg>
                <div class="name">日历</div>
                <div class="code-name">#kfb-icon-rili</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-shang"></use>
                </svg>
                <div class="name">上</div>
                <div class="code-name">#kfb-icon-shang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-shouyi"></use>
                </svg>
                <div class="name">收益</div>
                <div class="code-name">#kfb-icon-shouyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#kfb-icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-shezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#kfb-icon-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-shenyueliebiao"></use>
                </svg>
                <div class="name">审阅／列表</div>
                <div class="code-name">#kfb-icon-shenyueliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-sousuo"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#kfb-icon-sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-suoding"></use>
                </svg>
                <div class="name">锁定</div>
                <div class="code-name">#kfb-icon-suoding</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-tianjia"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#kfb-icon-tianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-tianjiayonghu"></use>
                </svg>
                <div class="name">添加用户</div>
                <div class="code-name">#kfb-icon-tianjiayonghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-tianjiagoutong"></use>
                </svg>
                <div class="name">添加沟通</div>
                <div class="code-name">#kfb-icon-tianjiagoutong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-touhoubaogao"></use>
                </svg>
                <div class="name">投后报告</div>
                <div class="code-name">#kfb-icon-touhoubaogao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-touhou"></use>
                </svg>
                <div class="name">投后</div>
                <div class="code-name">#kfb-icon-touhou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-wenjianguanli"></use>
                </svg>
                <div class="name">文件管理</div>
                <div class="code-name">#kfb-icon-wenjianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-xia"></use>
                </svg>
                <div class="name">下</div>
                <div class="code-name">#kfb-icon-xia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-xiazai"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#kfb-icon-xiazai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-wenhaoshixin"></use>
                </svg>
                <div class="name">问号实心</div>
                <div class="code-name">#kfb-icon-wenhaoshixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-xiangshang"></use>
                </svg>
                <div class="name">向上</div>
                <div class="code-name">#kfb-icon-xiangshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-xiangxia"></use>
                </svg>
                <div class="name">向下</div>
                <div class="code-name">#kfb-icon-xiangxia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-wenhaokongxin"></use>
                </svg>
                <div class="name">问号空心</div>
                <div class="code-name">#kfb-icon-wenhaokongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-xiangzuo"></use>
                </svg>
                <div class="name">向左</div>
                <div class="code-name">#kfb-icon-xiangzuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-xiangyou"></use>
                </svg>
                <div class="name">向右</div>
                <div class="code-name">#kfb-icon-xiangyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-xiugai"></use>
                </svg>
                <div class="name">修改</div>
                <div class="code-name">#kfb-icon-xiugai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-yonghu"></use>
                </svg>
                <div class="name">用户</div>
                <div class="code-name">#kfb-icon-yonghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-youjian"></use>
                </svg>
                <div class="name">邮件</div>
                <div class="code-name">#kfb-icon-youjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-yonghuzu"></use>
                </svg>
                <div class="name">用户组</div>
                <div class="code-name">#kfb-icon-yonghuzu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-youxiaode"></use>
                </svg>
                <div class="name">有效的</div>
                <div class="code-name">#kfb-icon-youxiaode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-you"></use>
                </svg>
                <div class="name">右</div>
                <div class="code-name">#kfb-icon-you</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-zengjia"></use>
                </svg>
                <div class="name">增加</div>
                <div class="code-name">#kfb-icon-zengjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-zhengqueshixin"></use>
                </svg>
                <div class="name">正确实心</div>
                <div class="code-name">#kfb-icon-zhengqueshixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-zhengyanchakan"></use>
                </svg>
                <div class="name">睁眼／查看</div>
                <div class="code-name">#kfb-icon-zhengyanchakan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-zichanpeizhi"></use>
                </svg>
                <div class="name">资产配置</div>
                <div class="code-name">#kfb-icon-zichanpeizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-zuo"></use>
                </svg>
                <div class="name">左</div>
                <div class="code-name">#kfb-icon-zuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-fuxuankuangweixuanzhuangtai"></use>
                </svg>
                <div class="name">复选框未选状态</div>
                <div class="code-name">#kfb-icon-fuxuankuangweixuanzhuangtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-fuxuankuangxuanzezhuangtai"></use>
                </svg>
                <div class="name">复选框选择状态</div>
                <div class="code-name">#kfb-icon-fuxuankuangxuanzezhuangtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-danxuankuangxuanzezhuangtai"></use>
                </svg>
                <div class="name">单选框选择状态</div>
                <div class="code-name">#kfb-icon-danxuankuangxuanzezhuangtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-danxuankuangweixuanzhuangtai"></use>
                </svg>
                <div class="name">单选框未选状态</div>
                <div class="code-name">#kfb-icon-danxuankuangweixuanzhuangtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-daochu"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#kfb-icon-daochu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-shangchuanfujian"></use>
                </svg>
                <div class="name">上传附件</div>
                <div class="code-name">#kfb-icon-shangchuanfujian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-quanqiu"></use>
                </svg>
                <div class="name">全球</div>
                <div class="code-name">#kfb-icon-quanqiu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-gongwenbao"></use>
                </svg>
                <div class="name">公文包</div>
                <div class="code-name">#kfb-icon-gongwenbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-yinhangqia"></use>
                </svg>
                <div class="name">银行卡</div>
                <div class="code-name">#kfb-icon-yinhangqia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-dingweiweizhi"></use>
                </svg>
                <div class="name">定位／位置</div>
                <div class="code-name">#kfb-icon-dingweiweizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-ditu"></use>
                </svg>
                <div class="name">地图</div>
                <div class="code-name">#kfb-icon-ditu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-quanqiujinrong"></use>
                </svg>
                <div class="name">全球金融</div>
                <div class="code-name">#kfb-icon-quanqiujinrong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-goutongduihua"></use>
                </svg>
                <div class="name">沟通／对话</div>
                <div class="code-name">#kfb-icon-goutongduihua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-activity"></use>
                </svg>
                <div class="name">activity</div>
                <div class="code-name">#kfb-icon-activity</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-arrow-back-outline"></use>
                </svg>
                <div class="name">arrow-back-outline</div>
                <div class="code-name">#kfb-icon-arrow-back-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-arrow-circle-left-ou"></use>
                </svg>
                <div class="name">arrow-circle-left-ou</div>
                <div class="code-name">#kfb-icon-arrow-circle-left-ou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-alert-circle-outline"></use>
                </svg>
                <div class="name">alert-circle-outline</div>
                <div class="code-name">#kfb-icon-alert-circle-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-alert-triangle-outli"></use>
                </svg>
                <div class="name">alert-triangle-outli</div>
                <div class="code-name">#kfb-icon-alert-triangle-outli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-arrow-circle-down-ou"></use>
                </svg>
                <div class="name">arrow-circle-down-ou</div>
                <div class="code-name">#kfb-icon-arrow-circle-down-ou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-arrow-circle-right-o"></use>
                </svg>
                <div class="name">arrow-circle-right-o</div>
                <div class="code-name">#kfb-icon-arrow-circle-right-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-arrow-circle-up-outl"></use>
                </svg>
                <div class="name">arrow-circle-up-outl</div>
                <div class="code-name">#kfb-icon-arrow-circle-up-outl</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-arrow-down-outline"></use>
                </svg>
                <div class="name">arrow-down-outline</div>
                <div class="code-name">#kfb-icon-arrow-down-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-arrow-downward-outli"></use>
                </svg>
                <div class="name">arrow-downward-outli</div>
                <div class="code-name">#kfb-icon-arrow-downward-outli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-arrow-forward-outlin"></use>
                </svg>
                <div class="name">arrow-forward-outlin</div>
                <div class="code-name">#kfb-icon-arrow-forward-outlin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-arrow-ios-forward-ou"></use>
                </svg>
                <div class="name">arrow-ios-forward-ou</div>
                <div class="code-name">#kfb-icon-arrow-ios-forward-ou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-arrow-ios-upward-out"></use>
                </svg>
                <div class="name">arrow-ios-upward-out</div>
                <div class="code-name">#kfb-icon-arrow-ios-upward-out</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-arrow-ios-back-outli"></use>
                </svg>
                <div class="name">arrow-ios-back-outli</div>
                <div class="code-name">#kfb-icon-arrow-ios-back-outli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-arrow-ios-downward-o"></use>
                </svg>
                <div class="name">arrow-ios-downward-o</div>
                <div class="code-name">#kfb-icon-arrow-ios-downward-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-arrow-left-outline"></use>
                </svg>
                <div class="name">arrow-left-outline</div>
                <div class="code-name">#kfb-icon-arrow-left-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-arrow-upward-outline"></use>
                </svg>
                <div class="name">arrow-upward-outline</div>
                <div class="code-name">#kfb-icon-arrow-upward-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-arrowhead-down-outli"></use>
                </svg>
                <div class="name">arrowhead-down-outli</div>
                <div class="code-name">#kfb-icon-arrowhead-down-outli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-arrow-up-outline"></use>
                </svg>
                <div class="name">arrow-up-outline</div>
                <div class="code-name">#kfb-icon-arrow-up-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-arrow-right-outline"></use>
                </svg>
                <div class="name">arrow-right-outline</div>
                <div class="code-name">#kfb-icon-arrow-right-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-arrowhead-left-outli"></use>
                </svg>
                <div class="name">arrowhead-left-outli</div>
                <div class="code-name">#kfb-icon-arrowhead-left-outli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-at-outline"></use>
                </svg>
                <div class="name">at-outline</div>
                <div class="code-name">#kfb-icon-at-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-attach--outline"></use>
                </svg>
                <div class="name">attach-2-outline</div>
                <div class="code-name">#kfb-icon-attach--outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-arrowhead-right-outl"></use>
                </svg>
                <div class="name">arrowhead-right-outl</div>
                <div class="code-name">#kfb-icon-arrowhead-right-outl</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-arrowhead-up-outline"></use>
                </svg>
                <div class="name">arrowhead-up-outline</div>
                <div class="code-name">#kfb-icon-arrowhead-up-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-attach-outline"></use>
                </svg>
                <div class="name">attach-outline</div>
                <div class="code-name">#kfb-icon-attach-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-archive-outline"></use>
                </svg>
                <div class="name">archive-outline</div>
                <div class="code-name">#kfb-icon-archive-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-award-outline"></use>
                </svg>
                <div class="name">award-outline</div>
                <div class="code-name">#kfb-icon-award-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-backspace-outline"></use>
                </svg>
                <div class="name">backspace-outline</div>
                <div class="code-name">#kfb-icon-backspace-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-bar-chart--outline"></use>
                </svg>
                <div class="name">bar-chart-2-outline</div>
                <div class="code-name">#kfb-icon-bar-chart--outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-behance-outline"></use>
                </svg>
                <div class="name">behance-outline</div>
                <div class="code-name">#kfb-icon-behance-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-bar-chart-outline"></use>
                </svg>
                <div class="name">bar-chart-outline</div>
                <div class="code-name">#kfb-icon-bar-chart-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-bell-off-outline"></use>
                </svg>
                <div class="name">bell-off-outline</div>
                <div class="code-name">#kfb-icon-bell-off-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-bluetooth-outline"></use>
                </svg>
                <div class="name">bluetooth-outline</div>
                <div class="code-name">#kfb-icon-bluetooth-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-bell-outline"></use>
                </svg>
                <div class="name">bell-outline</div>
                <div class="code-name">#kfb-icon-bell-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-book-outline"></use>
                </svg>
                <div class="name">book-outline</div>
                <div class="code-name">#kfb-icon-book-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-book-open-outline"></use>
                </svg>
                <div class="name">book-open-outline</div>
                <div class="code-name">#kfb-icon-book-open-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-bookmark-outline"></use>
                </svg>
                <div class="name">bookmark-outline</div>
                <div class="code-name">#kfb-icon-bookmark-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-browser-outline"></use>
                </svg>
                <div class="name">browser-outline</div>
                <div class="code-name">#kfb-icon-browser-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-briefcase-outline"></use>
                </svg>
                <div class="name">briefcase-outline</div>
                <div class="code-name">#kfb-icon-briefcase-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-bulb-outline"></use>
                </svg>
                <div class="name">bulb-outline</div>
                <div class="code-name">#kfb-icon-bulb-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-brush-outline"></use>
                </svg>
                <div class="name">brush-outline</div>
                <div class="code-name">#kfb-icon-brush-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-battery-outline"></use>
                </svg>
                <div class="name">battery-outline</div>
                <div class="code-name">#kfb-icon-battery-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-calendar-outline"></use>
                </svg>
                <div class="name">calendar-outline</div>
                <div class="code-name">#kfb-icon-calendar-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-car-outline"></use>
                </svg>
                <div class="name">car-outline</div>
                <div class="code-name">#kfb-icon-car-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-camera-outline"></use>
                </svg>
                <div class="name">camera-outline</div>
                <div class="code-name">#kfb-icon-camera-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-cast-outline"></use>
                </svg>
                <div class="name">cast-outline</div>
                <div class="code-name">#kfb-icon-cast-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-charging-outline"></use>
                </svg>
                <div class="name">charging-outline</div>
                <div class="code-name">#kfb-icon-charging-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-checkmark-outline"></use>
                </svg>
                <div class="name">checkmark-outline</div>
                <div class="code-name">#kfb-icon-checkmark-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-checkmark-circle--o"></use>
                </svg>
                <div class="name">checkmark-circle-2-o</div>
                <div class="code-name">#kfb-icon-checkmark-circle--o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-checkmark-circle-out"></use>
                </svg>
                <div class="name">checkmark-circle-out</div>
                <div class="code-name">#kfb-icon-checkmark-circle-out</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-checkmark-square--o"></use>
                </svg>
                <div class="name">checkmark-square-2-o</div>
                <div class="code-name">#kfb-icon-checkmark-square--o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-chevron-down-outline"></use>
                </svg>
                <div class="name">chevron-down-outline</div>
                <div class="code-name">#kfb-icon-chevron-down-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-checkmark-square-out"></use>
                </svg>
                <div class="name">checkmark-square-out</div>
                <div class="code-name">#kfb-icon-checkmark-square-out</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-chevron-right-outlin"></use>
                </svg>
                <div class="name">chevron-right-outlin</div>
                <div class="code-name">#kfb-icon-chevron-right-outlin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-chevron-up-outline"></use>
                </svg>
                <div class="name">chevron-up-outline</div>
                <div class="code-name">#kfb-icon-chevron-up-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-chevron-left-outline"></use>
                </svg>
                <div class="name">chevron-left-outline</div>
                <div class="code-name">#kfb-icon-chevron-left-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-clipboard-outline"></use>
                </svg>
                <div class="name">clipboard-outline</div>
                <div class="code-name">#kfb-icon-clipboard-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-close-circle-outline"></use>
                </svg>
                <div class="name">close-circle-outline</div>
                <div class="code-name">#kfb-icon-close-circle-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-close-outline"></use>
                </svg>
                <div class="name">close-outline</div>
                <div class="code-name">#kfb-icon-close-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-close-square-outline"></use>
                </svg>
                <div class="name">close-square-outline</div>
                <div class="code-name">#kfb-icon-close-square-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-cloud-download-outli"></use>
                </svg>
                <div class="name">cloud-download-outli</div>
                <div class="code-name">#kfb-icon-cloud-download-outli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-code-download-outlin"></use>
                </svg>
                <div class="name">code-download-outlin</div>
                <div class="code-name">#kfb-icon-code-download-outlin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-cloud-upload-outline"></use>
                </svg>
                <div class="name">cloud-upload-outline</div>
                <div class="code-name">#kfb-icon-cloud-upload-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-code-outline"></use>
                </svg>
                <div class="name">code-outline</div>
                <div class="code-name">#kfb-icon-code-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-collapse-outline"></use>
                </svg>
                <div class="name">collapse-outline</div>
                <div class="code-name">#kfb-icon-collapse-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-clock-outline"></use>
                </svg>
                <div class="name">clock-outline</div>
                <div class="code-name">#kfb-icon-clock-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-color-palette-outlin"></use>
                </svg>
                <div class="name">color-palette-outlin</div>
                <div class="code-name">#kfb-icon-color-palette-outlin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-color-picker-outline"></use>
                </svg>
                <div class="name">color-picker-outline</div>
                <div class="code-name">#kfb-icon-color-picker-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-compass-outline"></use>
                </svg>
                <div class="name">compass-outline</div>
                <div class="code-name">#kfb-icon-compass-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-copy-outline"></use>
                </svg>
                <div class="name">copy-outline</div>
                <div class="code-name">#kfb-icon-copy-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-corner-down-left-out"></use>
                </svg>
                <div class="name">corner-down-left-out</div>
                <div class="code-name">#kfb-icon-corner-down-left-out</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-corner-left-down-out"></use>
                </svg>
                <div class="name">corner-left-down-out</div>
                <div class="code-name">#kfb-icon-corner-left-down-out</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-corner-right-down-ou"></use>
                </svg>
                <div class="name">corner-right-down-ou</div>
                <div class="code-name">#kfb-icon-corner-right-down-ou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-corner-right-up-outl"></use>
                </svg>
                <div class="name">corner-right-up-outl</div>
                <div class="code-name">#kfb-icon-corner-right-up-outl</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-corner-up-left-outli"></use>
                </svg>
                <div class="name">corner-up-left-outli</div>
                <div class="code-name">#kfb-icon-corner-up-left-outli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-corner-up-right-outl"></use>
                </svg>
                <div class="name">corner-up-right-outl</div>
                <div class="code-name">#kfb-icon-corner-up-right-outl</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-credit-card-outline"></use>
                </svg>
                <div class="name">credit-card-outline</div>
                <div class="code-name">#kfb-icon-credit-card-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-corner-left-up-outli"></use>
                </svg>
                <div class="name">corner-left-up-outli</div>
                <div class="code-name">#kfb-icon-corner-left-up-outli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-crop-outline"></use>
                </svg>
                <div class="name">crop-outline</div>
                <div class="code-name">#kfb-icon-crop-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-diagonal-arrow-left-"></use>
                </svg>
                <div class="name">diagonal-arrow-left-</div>
                <div class="code-name">#kfb-icon-diagonal-arrow-left-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-cube-outline"></use>
                </svg>
                <div class="name">cube-outline</div>
                <div class="code-name">#kfb-icon-cube-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-diagonal-arrow-left-1"></use>
                </svg>
                <div class="name">diagonal-arrow-left-</div>
                <div class="code-name">#kfb-icon-diagonal-arrow-left-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-diagonal-arrow-right"></use>
                </svg>
                <div class="name">diagonal-arrow-right</div>
                <div class="code-name">#kfb-icon-diagonal-arrow-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-diagonal-arrow-right1"></use>
                </svg>
                <div class="name">diagonal-arrow-right</div>
                <div class="code-name">#kfb-icon-diagonal-arrow-right1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-download-outline"></use>
                </svg>
                <div class="name">download-outline</div>
                <div class="code-name">#kfb-icon-download-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-done-all-outline"></use>
                </svg>
                <div class="name">done-all-outline</div>
                <div class="code-name">#kfb-icon-done-all-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-droplet-off-outline"></use>
                </svg>
                <div class="name">droplet-off-outline</div>
                <div class="code-name">#kfb-icon-droplet-off-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-droplet-outline"></use>
                </svg>
                <div class="name">droplet-outline</div>
                <div class="code-name">#kfb-icon-droplet-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-edit--outline"></use>
                </svg>
                <div class="name">edit-2-outline</div>
                <div class="code-name">#kfb-icon-edit--outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-edit-outline"></use>
                </svg>
                <div class="name">edit-outline</div>
                <div class="code-name">#kfb-icon-edit-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-email-outline"></use>
                </svg>
                <div class="name">email-outline</div>
                <div class="code-name">#kfb-icon-email-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-expand-outline"></use>
                </svg>
                <div class="name">expand-outline</div>
                <div class="code-name">#kfb-icon-expand-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-external-link-outlin"></use>
                </svg>
                <div class="name">external-link-outlin</div>
                <div class="code-name">#kfb-icon-external-link-outlin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-eye-off-outline"></use>
                </svg>
                <div class="name">eye-off-outline</div>
                <div class="code-name">#kfb-icon-eye-off-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-facebook-outline"></use>
                </svg>
                <div class="name">facebook-outline</div>
                <div class="code-name">#kfb-icon-facebook-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-eye-outline"></use>
                </svg>
                <div class="name">eye-outline</div>
                <div class="code-name">#kfb-icon-eye-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-file-add-outline"></use>
                </svg>
                <div class="name">file-add-outline</div>
                <div class="code-name">#kfb-icon-file-add-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-file-text-outline"></use>
                </svg>
                <div class="name">file-text-outline</div>
                <div class="code-name">#kfb-icon-file-text-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-file-remove-outline"></use>
                </svg>
                <div class="name">file-remove-outline</div>
                <div class="code-name">#kfb-icon-file-remove-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-file-outline"></use>
                </svg>
                <div class="name">file-outline</div>
                <div class="code-name">#kfb-icon-file-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-film-outline"></use>
                </svg>
                <div class="name">film-outline</div>
                <div class="code-name">#kfb-icon-film-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-corner-down-right-ou"></use>
                </svg>
                <div class="name">corner-down-right-ou</div>
                <div class="code-name">#kfb-icon-corner-down-right-ou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-eye-off--outline"></use>
                </svg>
                <div class="name">eye-off-2-outline</div>
                <div class="code-name">#kfb-icon-eye-off--outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-flag-outline"></use>
                </svg>
                <div class="name">flag-outline</div>
                <div class="code-name">#kfb-icon-flag-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-flash-off-outline"></use>
                </svg>
                <div class="name">flash-off-outline</div>
                <div class="code-name">#kfb-icon-flash-off-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-flip--outline"></use>
                </svg>
                <div class="name">flip-2-outline</div>
                <div class="code-name">#kfb-icon-flip--outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-folder-add-outline"></use>
                </svg>
                <div class="name">folder-add-outline</div>
                <div class="code-name">#kfb-icon-folder-add-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-flip-outline"></use>
                </svg>
                <div class="name">flip-outline</div>
                <div class="code-name">#kfb-icon-flip-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-flash-outline"></use>
                </svg>
                <div class="name">flash-outline</div>
                <div class="code-name">#kfb-icon-flash-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-funnel-outline"></use>
                </svg>
                <div class="name">funnel-outline</div>
                <div class="code-name">#kfb-icon-funnel-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-folder-remove-outlin"></use>
                </svg>
                <div class="name">folder-remove-outlin</div>
                <div class="code-name">#kfb-icon-folder-remove-outlin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-folder-outline"></use>
                </svg>
                <div class="name">folder-outline</div>
                <div class="code-name">#kfb-icon-folder-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-gift-outline"></use>
                </svg>
                <div class="name">gift-outline</div>
                <div class="code-name">#kfb-icon-gift-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-globe--outline"></use>
                </svg>
                <div class="name">globe-2-outline</div>
                <div class="code-name">#kfb-icon-globe--outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-github-outline"></use>
                </svg>
                <div class="name">github-outline</div>
                <div class="code-name">#kfb-icon-github-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-google-outline"></use>
                </svg>
                <div class="name">google-outline</div>
                <div class="code-name">#kfb-icon-google-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-globe-outline"></use>
                </svg>
                <div class="name">globe-outline</div>
                <div class="code-name">#kfb-icon-globe-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-grid-outline"></use>
                </svg>
                <div class="name">grid-outline</div>
                <div class="code-name">#kfb-icon-grid-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-hard-drive-outline"></use>
                </svg>
                <div class="name">hard-drive-outline</div>
                <div class="code-name">#kfb-icon-hard-drive-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-hash-outline"></use>
                </svg>
                <div class="name">hash-outline</div>
                <div class="code-name">#kfb-icon-hash-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-headphones-outline"></use>
                </svg>
                <div class="name">headphones-outline</div>
                <div class="code-name">#kfb-icon-headphones-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-home-outline"></use>
                </svg>
                <div class="name">home-outline</div>
                <div class="code-name">#kfb-icon-home-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-image-outline"></use>
                </svg>
                <div class="name">image-outline</div>
                <div class="code-name">#kfb-icon-image-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-heart-outline"></use>
                </svg>
                <div class="name">heart-outline</div>
                <div class="code-name">#kfb-icon-heart-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-inbox-outline"></use>
                </svg>
                <div class="name">inbox-outline</div>
                <div class="code-name">#kfb-icon-inbox-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-layers-outline"></use>
                </svg>
                <div class="name">layers-outline</div>
                <div class="code-name">#kfb-icon-layers-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-keypad-outline"></use>
                </svg>
                <div class="name">keypad-outline</div>
                <div class="code-name">#kfb-icon-keypad-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-layout-outline"></use>
                </svg>
                <div class="name">layout-outline</div>
                <div class="code-name">#kfb-icon-layout-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-link--outline"></use>
                </svg>
                <div class="name">link-2-outline</div>
                <div class="code-name">#kfb-icon-link--outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-link-outline"></use>
                </svg>
                <div class="name">link-outline</div>
                <div class="code-name">#kfb-icon-link-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-linkedin-outline"></use>
                </svg>
                <div class="name">linkedin-outline</div>
                <div class="code-name">#kfb-icon-linkedin-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-list-outline"></use>
                </svg>
                <div class="name">list-outline</div>
                <div class="code-name">#kfb-icon-list-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-log-in-outline"></use>
                </svg>
                <div class="name">log-in-outline</div>
                <div class="code-name">#kfb-icon-log-in-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-lock-outline"></use>
                </svg>
                <div class="name">lock-outline</div>
                <div class="code-name">#kfb-icon-lock-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-loader-outline"></use>
                </svg>
                <div class="name">loader-outline</div>
                <div class="code-name">#kfb-icon-loader-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-log-out-outline"></use>
                </svg>
                <div class="name">log-out-outline</div>
                <div class="code-name">#kfb-icon-log-out-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-map-outline"></use>
                </svg>
                <div class="name">map-outline</div>
                <div class="code-name">#kfb-icon-map-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-maximize-outline"></use>
                </svg>
                <div class="name">maximize-outline</div>
                <div class="code-name">#kfb-icon-maximize-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-menu-arrow-outline"></use>
                </svg>
                <div class="name">menu-arrow-outline</div>
                <div class="code-name">#kfb-icon-menu-arrow-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-menu--outline"></use>
                </svg>
                <div class="name">menu-2-outline</div>
                <div class="code-name">#kfb-icon-menu--outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-menu-outline"></use>
                </svg>
                <div class="name">menu-outline</div>
                <div class="code-name">#kfb-icon-menu-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-message-circle-outli"></use>
                </svg>
                <div class="name">message-circle-outli</div>
                <div class="code-name">#kfb-icon-message-circle-outli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-mic-outline"></use>
                </svg>
                <div class="name">mic-outline</div>
                <div class="code-name">#kfb-icon-mic-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-message-square-outli"></use>
                </svg>
                <div class="name">message-square-outli</div>
                <div class="code-name">#kfb-icon-message-square-outli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-mic-off-outline"></use>
                </svg>
                <div class="name">mic-off-outline</div>
                <div class="code-name">#kfb-icon-mic-off-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-info-outline"></use>
                </svg>
                <div class="name">info-outline</div>
                <div class="code-name">#kfb-icon-info-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-minimize-outline"></use>
                </svg>
                <div class="name">minimize-outline</div>
                <div class="code-name">#kfb-icon-minimize-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-minus-circle-outline"></use>
                </svg>
                <div class="name">minus-circle-outline</div>
                <div class="code-name">#kfb-icon-minus-circle-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-monitor-outline"></use>
                </svg>
                <div class="name">monitor-outline</div>
                <div class="code-name">#kfb-icon-monitor-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-moon-outline"></use>
                </svg>
                <div class="name">moon-outline</div>
                <div class="code-name">#kfb-icon-moon-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-minus-outline"></use>
                </svg>
                <div class="name">minus-outline</div>
                <div class="code-name">#kfb-icon-minus-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-minus-square-outline"></use>
                </svg>
                <div class="name">minus-square-outline</div>
                <div class="code-name">#kfb-icon-minus-square-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-more-horizontal-outl"></use>
                </svg>
                <div class="name">more-horizontal-outl</div>
                <div class="code-name">#kfb-icon-more-horizontal-outl</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-more-vertical-outlin"></use>
                </svg>
                <div class="name">more-vertical-outlin</div>
                <div class="code-name">#kfb-icon-more-vertical-outlin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-move-outline"></use>
                </svg>
                <div class="name">move-outline</div>
                <div class="code-name">#kfb-icon-move-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-navigation-outline"></use>
                </svg>
                <div class="name">navigation-outline</div>
                <div class="code-name">#kfb-icon-navigation-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-navigation--outline"></use>
                </svg>
                <div class="name">navigation-2-outline</div>
                <div class="code-name">#kfb-icon-navigation--outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-music-outline"></use>
                </svg>
                <div class="name">music-outline</div>
                <div class="code-name">#kfb-icon-music-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-options--outline"></use>
                </svg>
                <div class="name">options-2-outline</div>
                <div class="code-name">#kfb-icon-options--outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-npm-outline"></use>
                </svg>
                <div class="name">npm-outline</div>
                <div class="code-name">#kfb-icon-npm-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-options-outline"></use>
                </svg>
                <div class="name">options-outline</div>
                <div class="code-name">#kfb-icon-options-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-pantone-outline"></use>
                </svg>
                <div class="name">pantone-outline</div>
                <div class="code-name">#kfb-icon-pantone-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-paper-plane-outline"></use>
                </svg>
                <div class="name">paper-plane-outline</div>
                <div class="code-name">#kfb-icon-paper-plane-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-pause-circle-outline"></use>
                </svg>
                <div class="name">pause-circle-outline</div>
                <div class="code-name">#kfb-icon-pause-circle-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-percent-outline"></use>
                </svg>
                <div class="name">percent-outline</div>
                <div class="code-name">#kfb-icon-percent-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-people-outline"></use>
                </svg>
                <div class="name">people-outline</div>
                <div class="code-name">#kfb-icon-people-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-person-add-outline"></use>
                </svg>
                <div class="name">person-add-outline</div>
                <div class="code-name">#kfb-icon-person-add-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-person-done-outline"></use>
                </svg>
                <div class="name">person-done-outline</div>
                <div class="code-name">#kfb-icon-person-done-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-person-delete-outlin"></use>
                </svg>
                <div class="name">person-delete-outlin</div>
                <div class="code-name">#kfb-icon-person-delete-outlin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-person-outline"></use>
                </svg>
                <div class="name">person-outline</div>
                <div class="code-name">#kfb-icon-person-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-person-remove-outlin"></use>
                </svg>
                <div class="name">person-remove-outlin</div>
                <div class="code-name">#kfb-icon-person-remove-outlin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-phone-call-outline"></use>
                </svg>
                <div class="name">phone-call-outline</div>
                <div class="code-name">#kfb-icon-phone-call-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-phone-missed-outline"></use>
                </svg>
                <div class="name">phone-missed-outline</div>
                <div class="code-name">#kfb-icon-phone-missed-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-phone-outline"></use>
                </svg>
                <div class="name">phone-outline</div>
                <div class="code-name">#kfb-icon-phone-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-phone-off-outline"></use>
                </svg>
                <div class="name">phone-off-outline</div>
                <div class="code-name">#kfb-icon-phone-off-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-pie-chart-outline"></use>
                </svg>
                <div class="name">pie-chart-outline</div>
                <div class="code-name">#kfb-icon-pie-chart-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-play-circle-outline"></use>
                </svg>
                <div class="name">play-circle-outline</div>
                <div class="code-name">#kfb-icon-play-circle-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-plus-circle-outline"></use>
                </svg>
                <div class="name">plus-circle-outline</div>
                <div class="code-name">#kfb-icon-plus-circle-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-pin-outline"></use>
                </svg>
                <div class="name">pin-outline</div>
                <div class="code-name">#kfb-icon-pin-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-plus-square-outline"></use>
                </svg>
                <div class="name">plus-square-outline</div>
                <div class="code-name">#kfb-icon-plus-square-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-power-outline"></use>
                </svg>
                <div class="name">power-outline</div>
                <div class="code-name">#kfb-icon-power-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-pricetags-outline"></use>
                </svg>
                <div class="name">pricetags-outline</div>
                <div class="code-name">#kfb-icon-pricetags-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-plus-outline"></use>
                </svg>
                <div class="name">plus-outline</div>
                <div class="code-name">#kfb-icon-plus-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-question-mark-circle"></use>
                </svg>
                <div class="name">question-mark-circle</div>
                <div class="code-name">#kfb-icon-question-mark-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-printer-outline"></use>
                </svg>
                <div class="name">printer-outline</div>
                <div class="code-name">#kfb-icon-printer-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-question-mark-outlin"></use>
                </svg>
                <div class="name">question-mark-outlin</div>
                <div class="code-name">#kfb-icon-question-mark-outlin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-radio-button-off-out"></use>
                </svg>
                <div class="name">radio-button-off-out</div>
                <div class="code-name">#kfb-icon-radio-button-off-out</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-radio-button-on-outl"></use>
                </svg>
                <div class="name">radio-button-on-outl</div>
                <div class="code-name">#kfb-icon-radio-button-on-outl</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-recording-outline"></use>
                </svg>
                <div class="name">recording-outline</div>
                <div class="code-name">#kfb-icon-recording-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-refresh-outline"></use>
                </svg>
                <div class="name">refresh-outline</div>
                <div class="code-name">#kfb-icon-refresh-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-repeat-outline"></use>
                </svg>
                <div class="name">repeat-outline</div>
                <div class="code-name">#kfb-icon-repeat-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-rewind-left-outline"></use>
                </svg>
                <div class="name">rewind-left-outline</div>
                <div class="code-name">#kfb-icon-rewind-left-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-save-outline"></use>
                </svg>
                <div class="name">save-outline</div>
                <div class="code-name">#kfb-icon-save-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-rewind-right-outline"></use>
                </svg>
                <div class="name">rewind-right-outline</div>
                <div class="code-name">#kfb-icon-rewind-right-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-scissors-outline"></use>
                </svg>
                <div class="name">scissors-outline</div>
                <div class="code-name">#kfb-icon-scissors-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-radio-outline"></use>
                </svg>
                <div class="name">radio-outline</div>
                <div class="code-name">#kfb-icon-radio-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-search-outline"></use>
                </svg>
                <div class="name">search-outline</div>
                <div class="code-name">#kfb-icon-search-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-settings--outline"></use>
                </svg>
                <div class="name">settings-2-outline</div>
                <div class="code-name">#kfb-icon-settings--outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-shake-outline"></use>
                </svg>
                <div class="name">shake-outline</div>
                <div class="code-name">#kfb-icon-shake-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-share-outline"></use>
                </svg>
                <div class="name">share-outline</div>
                <div class="code-name">#kfb-icon-share-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-settings-outline"></use>
                </svg>
                <div class="name">settings-outline</div>
                <div class="code-name">#kfb-icon-settings-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-shield-off-outline"></use>
                </svg>
                <div class="name">shield-off-outline</div>
                <div class="code-name">#kfb-icon-shield-off-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-shield-outline"></use>
                </svg>
                <div class="name">shield-outline</div>
                <div class="code-name">#kfb-icon-shield-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-shopping-bag-outline"></use>
                </svg>
                <div class="name">shopping-bag-outline</div>
                <div class="code-name">#kfb-icon-shopping-bag-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-shuffle--outline"></use>
                </svg>
                <div class="name">shuffle-2-outline</div>
                <div class="code-name">#kfb-icon-shuffle--outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-shopping-cart-outlin"></use>
                </svg>
                <div class="name">shopping-cart-outlin</div>
                <div class="code-name">#kfb-icon-shopping-cart-outlin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-skip-back-outline"></use>
                </svg>
                <div class="name">skip-back-outline</div>
                <div class="code-name">#kfb-icon-skip-back-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-skip-forward-outline"></use>
                </svg>
                <div class="name">skip-forward-outline</div>
                <div class="code-name">#kfb-icon-skip-forward-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-shuffle-outline"></use>
                </svg>
                <div class="name">shuffle-outline</div>
                <div class="code-name">#kfb-icon-shuffle-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-slash-outline"></use>
                </svg>
                <div class="name">slash-outline</div>
                <div class="code-name">#kfb-icon-slash-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-smartphone-outline"></use>
                </svg>
                <div class="name">smartphone-outline</div>
                <div class="code-name">#kfb-icon-smartphone-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-square-outline"></use>
                </svg>
                <div class="name">square-outline</div>
                <div class="code-name">#kfb-icon-square-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-speaker-outline"></use>
                </svg>
                <div class="name">speaker-outline</div>
                <div class="code-name">#kfb-icon-speaker-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-stop-circle-outline"></use>
                </svg>
                <div class="name">stop-circle-outline</div>
                <div class="code-name">#kfb-icon-stop-circle-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-star-outline"></use>
                </svg>
                <div class="name">star-outline</div>
                <div class="code-name">#kfb-icon-star-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-sun-outline"></use>
                </svg>
                <div class="name">sun-outline</div>
                <div class="code-name">#kfb-icon-sun-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-text-outline"></use>
                </svg>
                <div class="name">text-outline</div>
                <div class="code-name">#kfb-icon-text-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-thermometer-outline"></use>
                </svg>
                <div class="name">thermometer-outline</div>
                <div class="code-name">#kfb-icon-thermometer-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-sync-outline"></use>
                </svg>
                <div class="name">sync-outline</div>
                <div class="code-name">#kfb-icon-sync-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-swap-outline"></use>
                </svg>
                <div class="name">swap-outline</div>
                <div class="code-name">#kfb-icon-swap-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-thermometer-minus-ou"></use>
                </svg>
                <div class="name">thermometer-minus-ou</div>
                <div class="code-name">#kfb-icon-thermometer-minus-ou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-thermometer-plus-out"></use>
                </svg>
                <div class="name">thermometer-plus-out</div>
                <div class="code-name">#kfb-icon-thermometer-plus-out</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-toggle-left-outline"></use>
                </svg>
                <div class="name">toggle-left-outline</div>
                <div class="code-name">#kfb-icon-toggle-left-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-trash--outline"></use>
                </svg>
                <div class="name">trash-2-outline</div>
                <div class="code-name">#kfb-icon-trash--outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-toggle-right-outline"></use>
                </svg>
                <div class="name">toggle-right-outline</div>
                <div class="code-name">#kfb-icon-toggle-right-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-trash-outline"></use>
                </svg>
                <div class="name">trash-outline</div>
                <div class="code-name">#kfb-icon-trash-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-trending-down-outlin"></use>
                </svg>
                <div class="name">trending-down-outlin</div>
                <div class="code-name">#kfb-icon-trending-down-outlin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-tv-outline"></use>
                </svg>
                <div class="name">tv-outline</div>
                <div class="code-name">#kfb-icon-tv-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-trending-up-outline"></use>
                </svg>
                <div class="name">trending-up-outline</div>
                <div class="code-name">#kfb-icon-trending-up-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-umbrella-outline"></use>
                </svg>
                <div class="name">umbrella-outline</div>
                <div class="code-name">#kfb-icon-umbrella-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-twitter-outline"></use>
                </svg>
                <div class="name">twitter-outline</div>
                <div class="code-name">#kfb-icon-twitter-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-unlock-outline"></use>
                </svg>
                <div class="name">unlock-outline</div>
                <div class="code-name">#kfb-icon-unlock-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-undo-outline"></use>
                </svg>
                <div class="name">undo-outline</div>
                <div class="code-name">#kfb-icon-undo-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-upload-outline"></use>
                </svg>
                <div class="name">upload-outline</div>
                <div class="code-name">#kfb-icon-upload-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-video-outline"></use>
                </svg>
                <div class="name">video-outline</div>
                <div class="code-name">#kfb-icon-video-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-video-off-outline"></use>
                </svg>
                <div class="name">video-off-outline</div>
                <div class="code-name">#kfb-icon-video-off-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-volume-down-outline"></use>
                </svg>
                <div class="name">volume-down-outline</div>
                <div class="code-name">#kfb-icon-volume-down-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-volume-mute-outline"></use>
                </svg>
                <div class="name">volume-mute-outline</div>
                <div class="code-name">#kfb-icon-volume-mute-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-volume-up-outline"></use>
                </svg>
                <div class="name">volume-up-outline</div>
                <div class="code-name">#kfb-icon-volume-up-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-wifi-outline"></use>
                </svg>
                <div class="name">wifi-outline</div>
                <div class="code-name">#kfb-icon-wifi-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-wifi-off-outline"></use>
                </svg>
                <div class="name">wifi-off-outline</div>
                <div class="code-name">#kfb-icon-wifi-off-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-volume-off-outline"></use>
                </svg>
                <div class="name">volume-off-outline</div>
                <div class="code-name">#kfb-icon-volume-off-outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-duibi"></use>
                </svg>
                <div class="name">对比</div>
                <div class="code-name">#kfb-icon-duibi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-zhuzhuangtu"></use>
                </svg>
                <div class="name">柱状图</div>
                <div class="code-name">#kfb-icon-zhuzhuangtu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-heatmap"></use>
                </svg>
                <div class="name">heatmap</div>
                <div class="code-name">#kfb-icon-heatmap</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-yizhangtu"></use>
                </svg>
                <div class="name">一张图</div>
                <div class="code-name">#kfb-icon-yizhangtu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#kfb-icon-zhexiantu"></use>
                </svg>
                <div class="name">折线图</div>
                <div class="code-name">#kfb-icon-zhexiantu</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
